不使用ajax实现无刷新提交表单


Posted in Javascript onDecember 21, 2014

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);

        }

    });

}

是不是很简单呢,小伙伴们需要的话,直接拿走,不用客气^_^

Javascript 相关文章推荐
Javascript的各种节点操作实例演示代码
Jun 27 Javascript
基于jquery实现等比缩放图片
Dec 03 Javascript
详解JS函数重载
Dec 04 Javascript
JS基于VML技术实现的五角星礼花效果代码
Oct 26 Javascript
js实现索引图片切换效果
Nov 21 Javascript
JS生成某个范围的随机数【四种情况详解】
Apr 20 Javascript
JavaScript事件学习小结(五)js中事件类型之鼠标事件
Jun 09 Javascript
jQuery多个版本和其他js库冲突的解决方法
Aug 11 Javascript
整理关于Bootstrap模态弹出框的慕课笔记
Mar 29 Javascript
js中this对象用法分析
Jan 05 Javascript
node前端开发模板引擎Jade的入门
May 11 Javascript
基于JavaScript判断两个对象内容是否相等
Jan 10 Javascript
webapp框架AngularUI的demo改造之路
Dec 21 #Javascript
浅析webapp框架AngularUI的demo
Dec 21 #Javascript
AngularJS基础知识
Dec 21 #Javascript
javascript关于继承的用法汇总
Dec 20 #Javascript
jquery实现将获取的颜色值转换为十六进制形式的方法
Dec 20 #Javascript
jQuery的text()方法用法分析
Dec 20 #Javascript
jQuery中click事件的定义和用法
Dec 20 #Javascript
You might like
PHP分页效率终结版(推荐)
2013/07/01 PHP
php实现专业获取网站SEO信息类实例
2015/04/02 PHP
PHP JSON格式的中文显示问题解决方法
2015/04/09 PHP
详解PHP编码转换函数应用技巧
2016/10/22 PHP
javascript 用记忆函数快速计算递归函数
2010/03/15 Javascript
JsDom 编程小结
2011/08/09 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
2013/11/13 Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
2013/12/12 Javascript
借助javascript代码判断网页是静态还是伪静态
2014/05/05 Javascript
超实用的JavaScript表单代码段
2016/02/26 Javascript
js/jq仿window文件夹移动/剪切/复制等操作代码
2017/03/08 Javascript
H5手机端多文件上传预览插件
2017/04/21 Javascript
es6中的解构赋值、扩展运算符和rest参数使用详解
2017/09/28 Javascript
通过vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题
2018/04/08 Javascript
nodejs使用Sequelize框架操作数据库的实现
2020/10/21 NodeJs
详解Python中find()方法的使用
2015/05/18 Python
Python实现在线音乐播放器
2017/03/03 Python
Python中矩阵库Numpy基本操作详解
2017/11/21 Python
利用python汇总统计多张Excel
2020/09/22 Python
Pycharm如何自动生成头文件注释
2020/11/14 Python
解决python3中os.popen()出错的问题
2020/11/19 Python
真正了解CSS3背景下的@font face规则
2017/05/04 HTML / CSS
深入浅出CSS3 background-clip,background-origin和border-image教程
2011/01/27 HTML / CSS
HTML5微信播放全屏问题的解决方法
2017/03/09 HTML / CSS
钉钉企业内部H5微应用开发详解
2020/05/12 HTML / CSS
Kneipp克奈圃美国官网:德国百年精油配方的传承
2018/02/07 全球购物
职高毕业生自我鉴定
2013/10/21 职场文书
最新自我评价范文
2013/11/16 职场文书
结婚保证书范文
2014/04/29 职场文书
教育实习指导教师评语
2014/12/31 职场文书
七年级上册语文教学计划
2015/01/22 职场文书
银行求职信模板
2015/03/20 职场文书
唱歌比赛拉拉队口号
2015/12/25 职场文书
升职感谢领导的话语及升职感谢信
2019/06/24 职场文书
详解Python小数据池和代码块缓存机制
2021/04/07 Python
根德5570型九灯四波段立体声收音机是电子管收音机的楷模 ? 再论5570
2022/04/05 无线电