不使用ajax实现无刷新提交表单
摘要：HTML代码：复制代码代码如下:这里是表单内容JS代码：若保存成功，后台返回{"ok":true}；若保存失败，后台返回{"ok":fals...
HTML代码：
复制代码 代码如下:
<iframe id="fra" name="frm"></iframe>
<form id="frm" method="post" action="@Url.Content("~/Backstage/MachineMng/RoadSet/SaveTrackRoad")?roadId=@ViewBag.roadId" target="frm">
这里是表单内容
</form>
JS代码：
若保存成功，后台返回{"ok":true}；若保存失败，后台返回{"ok":false, "msg":"错误信息"}
复制代码 代码如下:
function save() {
$("#frm").submit();
$("#fra").one("load", function () {
var data = eval("(" + $("#fra").contents().find("body").html() + ")");
if (data.ok) {
$("#divtrackroad").load("TrackRoad" + '@ViewBag.roadId' + "&roadName=" + '@ViewBag.roadName' + "&viewOrEdit=1&t=" + new Date().valueOf());
} else {
alert("保存失败：" + data.msg);
}
});
}
是不是很简单呢，小伙伴们需要的话，直接拿走，不用客气^_^
【不使用ajax实现无刷新提交表单】相关文章：
下一篇：
编写简单的jQuery提示插件