不使用ajax实现无刷新提交表单_javascript技巧
程序员文章站
2022-04-18 22:25:36
...
HTML代码:
function save() {
$("#frm").submit();
$("#fra").one("load", function () {
var data = eval("(" + $("#fra").contents().find("body").html() + ")");
if (data.ok) {
$("#divtrackroad").load("TrackRoad?roadId=" + '@ViewBag.roadId' + "&roadName=" + '@ViewBag.roadName' + "&viewOrEdit=1&t=" + new Date().valueOf());
} else {
alert("保存失败:" + data.msg);
}
});
}
复制代码 代码如下:
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?roadId=" + '@ViewBag.roadId' + "&roadName=" + '@ViewBag.roadName' + "&viewOrEdit=1&t=" + new Date().valueOf());
} else {
alert("保存失败:" + data.msg);
}
});
}
是不是很简单呢,小伙伴们需要的话,直接拿走,不用客气^_^
推荐阅读
-
使用隐藏的iframe 隐藏form提交,仿AJax无刷新提交,可以实现无刷新上传文件
-
告别AJAX实现无刷新提交表单
-
使用PHP + JavaScript + Ajax来实现无刷新页面加载效果(图)
-
不使用ajax实现无刷新提交表单
-
DEDE使用AJAX无刷新提交Form表单,PHP返回结果
-
简单实用的反馈表单无刷新提交带验证_javascript技巧
-
DEDE使用AJAX无刷新提交Form表单,PHP返回结果
-
简单实用的反馈表单无刷新提交带验证_javascript技巧
-
javascript - jquery的ajax和php配合使用实现无刷新表单提交的一点问题
-
使用pjax实现无刷新更改页面url_javascript技巧