mvc中form表单提交的三种方式(推荐)
第一种方式:submit按钮提交
<formaction="MyDemand"method="post"> <span>关键字:</span> <inputname="keywords"type="text"value="@keywords"/> <inputtype="submit"value="搜索"/> </form>
第二种方式:$("#dataform").ajaxSubmit()提交
<formid="dataform"action="UpdateUserInfo"enctype="multipart/form-data"method="post"> <tablestyle="width:100%;border:0;"cellpadding="0"cellspacing="0"> <tbody> <tr> <tdwidth="40">名字:</td> <td><inputtype="text"name="nvc_name"id="nvc_name"value="@Model.nvc_name"/></td> </tr> <tr> <tdcolspan="2"align="center"> <inputtype="button"value="保存"id="btnsubmit"/> </td> </tr> </tbody> </table> </form> <scriptsrc="http://code.jquery.com/jquery-1.11.0.min.js"></script> <scriptsrc="http://malsup.github.io/jquery.form.js"></script>//ajaxForm依赖脚本 <scripttype="text/javascript"> $(document).ready(function(){ $("#btnsubmit").click(function(){if($("[name=‘nvc_name‘]").val()==""){ alert("请填写名字"); $("[name=‘nvc_name‘]").focus(); return; } $("#dataform").ajaxSubmit(function(r){ alert(r.Msg); if(r.success){ location.reload(); } }) }) }); </script>
第三种方式:post提交
<tablestyle="width:100%;border:0px;"cellpadding="0"cellspacing="0"> <tbody> <tr> <tdwidth="15%"align="right">手机号:</td> <td><inputtype="text"placeholder="请输入手机号"id="nvc_user_name"/></td> </tr> <tr> <tdcolspan="2"align="center"> <inputtype="button"value="保存"id="btnsubmit"/> </td> </tr> </tbody> </table> <scripttype="text/javascript"> $(function(){ $("#btnsubmit").click(function(){ varnvc_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表单提交的三种方式(推荐),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!