不使用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);
}
});
}
是不是很简单呢，小伙伴们需要的话，直接拿走，不用客气^_^
相关文章
![怎么在下面的HTML里调用数组cs[]的值](//img.jbzj.com/images/xgimg/bcimg0.png)
怎么在下面的HTML里调用数组cs[]的值...2007-01-01
开发 Internet Explorer 右键功能表(ContextMenu)
本篇介绍如何开发 Internet Explorer 右键功能表(ContextMenu)，以 0rz.tw 缩短网址列为范例2013-07-07
一种Javascript解释ajax返回的json的好方法(推荐)
下面小编就为大家带来一篇一种Javascript解释ajax返回的json的好方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
将Listbox的 SelectionMode="Multiple"，设置为多选时，用JS获取多选的值。2010-04-04
js 动态添加标签（新增一行，其实很简单，就是几个函数的应用）
把所有代码拷下另存为一个html文件，在浏览器中打开，点击“新增一行”按钮就可以,以下是对js函数的解释2009-03-03
这篇文章主要为大家详细介绍了js实现烟花效果，实现鼠标点击出现模拟烟花爆炸的特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
Bootstrap分页插件之Bootstrap Paginator实例详解
Bootstrap Paginator是一款基于Bootstrap的js分页插件，功能很丰富，个人觉得这款插件已经无可挑剔了，感兴趣的朋友跟着脚本之家小编一起学习吧2016-10-10
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
这篇文章主要介绍了js获取对象,数组所有属性键值(key)和对应值(value)的方法,涉及javascript对于对象、数组键名与键值遍历相关操作技巧,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了JavaScript实现创建自定义对象的常用方式,结合实例形式总结分析了JavaScript工厂模式、构造函数模式、原型模式、组合模式等常用的自定义对象创建模式操作与使用技巧,需要的朋友可以参考下2018-07-07
这篇文章主要介绍了微信小程序实现商品数据联动效果，代码很简单，直接复制即可根据自己的需求去修改，对小程序商品数据联动实例代码感兴趣的朋友一起看看吧2022-08-08
![怎么在下面的HTML里调用数组cs[]的值](http://img.jbzj.com/images/xgimg/bcimg0.png)
最新评论