根据我的评论,有几件事可能导致这种情况。
- 您已多次加载不显眼的文件
- 您的表单定义了一个操作方法,并且您的按钮在表单标记内作为提交按钮。这将提交表单,然后单击也将提交表单 - 参见示例
例子
<form action="/somerowout/someaction">
<input type="text" id="text1"/>
<input type="text" id="text1"/>
<input type="submit" />
</form>
如果您需要在发布之前验证表单上的值,请不要连接额外的 Ajax 调用。您的 javascript 将类似于:
$(document).ready(function () {
$("form").submit(function(){
var result = $("#enrolledStudents").sortable('toArray');
if(result == null){
//do something to show validation failed
return false;
}
return true;
});
});
然后您的表单代码将如下所示:
@using (@Ajax.BeginForm(new AjaxOptions { })) {
<input type="text" id="text1"/>
<input type="text" id="text1"/>
<input type="submit" />
}
如果您想使用 Ajax 而不是 Html Helpers,请使用 div 而不是表单,这样您就不会收到重复的帖子。以下是您如何实现这一目标:
<div id="enrolledStudents">
<--! your elements -->
<button id="saveStudents">Save</button>
</div>
JavaScript
$(document).ready(function () {
$("saveStudents").click(function(){
var result = $("#enrolledStudents").sortable('toArray');
if(result !== null){ /* do some kind of check here. */
$.ajax({
url: '@Url.Action("Enrollment", "Classroom")',
data: { students: result },
type: 'POST',
traditional: true,
success : function(data) {
if (data.status) {
window.location = data.route;
}
}
})
} else {
/* notify ui that save didn't happpen */
}
});
});
示例控制器操作
使用 Ajax 发布数据时,这里有一个如何传递路由的示例
[HttpPost]
public ActionResult SomethingPost(SomeModel model) {
if (Request.IsAjaxRequest()) {
var json = new {
status = true,
route = @Url.RouteUrl("MyRouteName", new { /* route values */ })
};
return Json(json, JsonRequestBehavior.AllowGet);
}
}