不使用ajax实现无刷新提交表单
更新时间：2014年12月21日 16:06:36 投稿：hebedich
这篇文章主要介绍了不使用ajax实现无刷新提交表单的方法,需要的朋友可以参考下
HTML代码：
复制代码 代码如下:
<iframe id="fra" name="frm" style="display: none;"></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?roadId=" + '@ViewBag.roadId' + "&roadName=" + '@ViewBag.roadName' + "&viewOrEdit=1&t=" + new Date().valueOf());
} else {
alert("保存失败：" + data.msg);
}
});
}
是不是很简单呢，小伙伴们需要的话，直接拿走，不用客气^_^
相关文章
很多时候我们都需要防止重复提交,这方面的文章也比较多,实现的途径差别也很大.因为有些时候即使服务器能够识别重复的提交,也会造成问题.比如需要很长等待时间的操作,在首次提交后,不断重复提交,页面可能会死掉.用脚本来控制的话可以防止这种问题.2015-01-01
这篇文章主要介绍了JS Web Flex弹性盒子模型代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-03-03
最近接到需求,在小程序内部长按识别二维码添加个人微信,下面这篇文章主要给大家分析介绍了关于微信小程序长按识别二维码的几种情况,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-08-08
下面小编就为大家分享一篇form表单数据封装成json格式并提交给服务器的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
这篇文章主要介绍了浅析JavaScript中的变量复制、参数传递和作用域链 的相关资料,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了js实现简单鼠标跟随效果的方法,涉及javascript鼠标事件与坐标获取等相关技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了微信小程序本地存储增加有效期的方法,这里通过一个简单示例,展示如何设置有效期为1小时的本地存储,首先将storage.js引入到app.js中,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下2024-07-07
声明文件是以.d.ts为后缀的文件，开发者在声明文件中编写类型声明，TypeScript根据声明文件的内容进行类型检查，这篇文章主要介绍了TypeScript使用及类型声明文件的相关知识,需要的朋友可以参考下2022-06-06
这篇文章主要介绍了创建、调用JavaScript对象的方法集锦,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了Bootstrap 网站实例之单页营销网站的相关资料,本文给大家介绍的非常详细具有一定的参考借鉴价值，需要的朋友可以参考下2016-10-10
最新评论