MVC 用ajax提交表单的问题，谢谢了！！！

[未来少年]

$("#btn_infoadd").click(function () {
$("#MemberInfo").submit(function () {
$.ajax({
url: '@Url.Action("FrmMemberInfoAdd", "CustomerManage")',
type: 'POST',
data: $("#MemberInfo").serialize(),
success: function (data) {
$(".active-tab span").html("成功");
},
});
return false;
});
});
这段ajax运行不了，但如果我改成下面这样就可以运行。
$("#btn_infoadd").click(function () {
$(".active-tab span").html("成功");
});


这只是一段前面加过$(document).ready(function () 了，前面还有几段script代码都可以运行成功，我点了btn_infoadd没有任何反应。
下面是表单的内容和按钮！

@using (Html.BeginForm("FrmMemberInfoAdd","CustomerManage",FormMethod.Post, new { @id = "MemberInfo" }))
{
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
基本信息
</h3>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<label for="GSMC" class="control-label fa-label">单位名称</label>
@Html.TextBoxFor(model => model.GSMC, new { @class = "form-control", id = "GSMC", placeholder = "单位名称" })
@Html.ValidationMessageFor(model => model.GSMC)
</div>
</div>
<div class="row">
<div class="col-md-4">
<label for="GJ" class="control-label fa-label">国家</label>
@Html.TextBoxFor(model => model.GJ, new { @class = "form-control", id = "GJ", placeholder = "国家" })
@Html.ValidationMessageFor(model => model.GJ)
</div>
<div class="col-md-4">
<label for="SF" class="control-label fa-label">省份</label>
@Html.TextBoxFor(model => model.SF, new { @class = "form-control", id = "SF", placeholder = "省份" })
@Html.ValidationMessageFor(model => model.SF)
</div>
<div class="col-md-4">
<label for="CS" class="control-label fa-label">城市</label>
@Html.TextBoxFor(model => model.CS, new { @class = "form-control", id = "CS", placeholder = "城市" })
@Html.ValidationMessageFor(model => model.CS)
</div>
</div>
<div class="row">
<div class="col-md-12">
<label for="DZ" class="control-label fa-label">地址</label>
@Html.TextBoxFor(model => model.DZ, new { @class = "form-control", id = "DZ", placeholder = "地址" })
@Html.ValidationMessageFor(model => model.DZ)
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
<input type="button" value="添加" id="btn_infoadd" class="btn btn-info">
<input type="submit" value="修改" class="btn btn-info" onclick='this.form.action="@Url.Action("FrmMemberInfoUpdate")"'>
</div>
</div>
</div>

}

[正怒月神]

@Url.Action("FrmMemberInfoAdd", "CustomerManage") 单独赋值给var url=@Url.Action("FrmMemberInfoAdd", "CustomerManage"); 然后看一下你的data格式，和后台访问的这个action的参数是否匹配

[Dene-wang]

$("#btn_infoadd").click(function () { $("#MemberInfo").submit(function () { $.ajax({ url: '@Url.Action("FrmMemberInfoAdd", "CustomerManage")', type: 'POST', data: $("#MemberInfo").serialize(), success: function (data) { $(".active-tab span").html("成功"); }, }); return false; }); }); //直接这样写不行吗 $("#btn_infoadd").click(function () { $.ajax({ url: '@Url.Action("FrmMemberInfoAdd", "CustomerManage")', type: 'POST', data: $("#MemberInfo").serialize(), success: function (data) { $(".active-tab span").html("成功"); }, }); });

[Dene-wang]

url 最好写 "/CustomerManage/FrmMemberInfoAdd"

[bidisty]

ajax了就别submit

[未来少年]

引用 2 楼 DeneImp 的回复:

$("#btn_infoadd").click(function () { $("#MemberInfo").submit(function () { $.ajax({ url: '@Url.Action("FrmMemberInfoAdd", "CustomerManage")', type: 'POST', data: $("#MemberInfo").serialize(), success: function (data) { $(".active-tab span").html("成功"); }, }); return false; }); }); //直接这样写不行吗 $("#btn_infoadd").click(function () { $.ajax({ url: '@Url.Action("FrmMemberInfoAdd", "CustomerManage")', type: 'POST', data: $("#MemberInfo").serialize(), success: function (data) { $(".active-tab span").html("成功"); }, }); });

确实是你说的这样，不加就好了！谢谢。。。。怎么网上找的别人写的例子都加了啊，奇怪！