mvc中form表單提交的三種方式(推薦)

更新時(shí)間：2016年08月10日 10:15:44 投稿：mrr

本文給大家分享mvc中form表單提交的三種方式，分別是submit 按鈕提交方式，$("#dataform").ajaxSubmit() 提交方式，post 提交方式，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看下吧

第一種方式：submit 按鈕提交

<form action="MyDemand" method="post">
<span>關(guān)鍵字：</span>
<input name="keywords" type="text" value="@keywords" />
<input type="submit" value="搜索" />
</form>

第二種方式： $("#dataform").ajaxSubmit() 提交

<form id="dataform" action="UpdateUserInfo" enctype="multipart/form-data" method="post">
<table style="width:100%;border:0;" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="40">名字：</td>
<td><input type="text" name="nvc_name" id="nvc_name" value="@Model.nvc_name" /></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" value="保存" id="btnsubmit" />
</td>
</tr>
</tbody>
</table>
</form>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="http://malsup.github.io/jquery.form.js"></script> //ajaxForm 依賴腳本
<script type="text/javascript">
$(document).ready(function () {
$("#btnsubmit").click(function () {if ($("[name=‘nvc_name‘]").val() == "") {
alert("請?zhí)顚懨?);
$("[name=‘nvc_name‘]").focus();
return;
}
$("#dataform").ajaxSubmit(function (r) {
alert(r.Msg);
if (r.success) {
location.reload();
}
})
})
});
</script>

第三種方式：post 提交

<table style="width:100%;border:0px;" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="15%" align="right">手機(jī)號：</td>
<td><input type="text"placeholder="請輸入手機(jī)號" id="nvc_user_name"/></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" value="保存" id="btnsubmit" />
</td>
</tr>
</tbody>
</table>
<script type="text/javascript">
$(function () {
$("#btnsubmit").click(function () {
var nvc_user_name = document.getElementById(‘nvc_user_name‘);
$.post(‘/Interface/ModefiyPwd‘, {
nvc_user_name: nvc_user_name.value,
}, function (data) {
if (data.success) {
$("#successdiv").show();
$("#editdiv").hide();
}
else {
layer.msg(data.Msg);
}
});
});
})
</script>

以上所述是小編給大家介紹的mvc中form表單提交的三種方式(推薦)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

swiper移動端輪播插件（觸碰圖片之后停止輪播）
這篇文章主要為大家詳細(xì)介紹了swiper移動端輪播插件，觸碰圖片之后停止輪播，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-12-12
JavaScript輸出斐波那契數(shù)列的實(shí)現(xiàn)方法
斐波那契數(shù)列來源于兔子繁殖問題,所以也叫兔子序列,下面這篇文章主要給大家介紹了關(guān)于JavaScript輸出斐波那契數(shù)列的實(shí)現(xiàn)方法,需要的朋友可以參考下
2021-06-06
鍵盤上下鍵移動選擇table表格行的js代碼
通過鍵盤上的上下鍵可以選擇表格行的實(shí)現(xiàn)效果代碼。思路不錯(cuò)，需要的朋友可以參考下。
2009-12-12
$JSON數(shù)據(jù)中存在單個(gè)轉(zhuǎn)義字符“\”的處理方法$
JSON數(shù)據(jù)中存在單個(gè)轉(zhuǎn)義字符“\”的處理方法
這篇文章主要介紹了JSON數(shù)據(jù)中存在單個(gè)轉(zhuǎn)義字符“\”的處理方法,在這里反斜杠（又稱右斜杠"\"），還表示轉(zhuǎn)義字符，字符串中不能成單出現(xiàn)。具體內(nèi)容詳情大家跟隨腳本之家小編一起看看吧
2018-07-07
微信小程序中實(shí)現(xiàn)自定義Navbar方法詳解
這篇文章主要介紹了微信小程序中實(shí)現(xiàn)自定義Navbar方法,Navbar由 StatusBar和TitleBar組成,只需要知道它們各自的高度,就可以很好地完成自定義,需要的朋友可以參考下
2024-05-05
javascript字符串拼接的效率問題
不是效率的問題是內(nèi)存碎片的問題用數(shù)組速度比“+”要慢只是內(nèi)存占的少和內(nèi)存碎片少一些，現(xiàn)在根本不推薦用數(shù)組來處理了。
2010-12-12
?js中toString()函數(shù)與valueOf()函數(shù)使用與區(qū)別
在等于運(yùn)算符中，如果比較的內(nèi)容包含對象類型數(shù)據(jù)，則會涉及隱式轉(zhuǎn)換，那么就會調(diào)用toString()函數(shù)和valueOf()函數(shù)，本文主要介紹了?js中toString()函數(shù)與valueOf()函數(shù)使用與區(qū)別，感興趣的可以了解一下
2022-04-04
JavaScript設(shè)置IFrame高度自適應(yīng)(兼容各主流瀏覽器)
IFrame高度的設(shè)置問題一直都是前端的噩夢而且還要兼容各主流瀏覽器更是難上加難了，下面與大家分享下一個(gè)不錯(cuò)的技巧，感興趣的你可以參考下哈
2013-06-06
JavaScript實(shí)現(xiàn)樹的遍歷算法示例【廣度優(yōu)先與深度優(yōu)先】
這篇文章主要介紹了JavaScript實(shí)現(xiàn)樹的遍歷算法,結(jié)合實(shí)例形式分析了javascript針對樹結(jié)構(gòu)的廣度優(yōu)先遍歷與深度優(yōu)先遍歷實(shí)現(xiàn)方法,需要的朋友可以參考下
2017-10-10
bootstrap輪播圖示例代碼分享
這篇文章主要為大家詳細(xì)介紹了bootstrap輪播圖示例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05