不使用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 相关文章推荐
取键盘键位ASCII码的网页
Jul 30 Javascript
jquery ajax,ashx,json的用法总结
Feb 12 Javascript
js获得网页背景色和字体色的方法
Mar 21 Javascript
Node.js中HTTP模块与事件模块详解
Nov 14 Javascript
JS实现自适应高度表单文本框的方法
Feb 25 Javascript
JS实现密码框的显示密码和隐藏密码功能示例
Dec 26 Javascript
Node.js使用NodeMailer发送邮件实例代码
Mar 06 Javascript
让你彻底掌握es6 Promise的八段代码
Jul 26 Javascript
Bootstrap Table实现定时刷新数据的方法
Aug 13 Javascript
微信小程序实现图片翻转效果的实例代码
Sep 20 Javascript
详解vue中$nextTick和$forceUpdate的用法
Dec 11 Javascript
JS数组索引检测中的数据类型问题详解
Jan 11 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/08/26 PHP
在Mac OS上搭建PHP的Yii框架及相关测试环境
2016/02/14 PHP
详解php中生成标准uuid(guid)的方法
2019/04/28 PHP
PhpSpreadsheet设置单元格常用操作汇总
2020/11/13 PHP
新手入门常用代码集锦
2007/01/11 Javascript
jqueyr判断checkbox组的选中(示例代码)
2013/11/08 Javascript
javascript实现英文首字母大写
2015/04/23 Javascript
JavaScript调用传递变量参数的相关问题及解决办法
2015/11/01 Javascript
新入门node.js必须要知道的概念(必看篇)
2016/08/10 Javascript
微信小程序 出现47001 data format error原因解决办法
2017/03/10 Javascript
关于vue-resource报错450的解决方案
2017/07/24 Javascript
微信小程序url传参写变量的方法
2018/08/09 Javascript
js图片无缝滚动插件使用详解
2020/05/26 Javascript
axios异步提交表单数据的几种方法
2019/08/11 Javascript
微信小程序学习总结(四)事件与冒泡实例分析
2020/06/04 Javascript
JavaScript实现轮播图效果
2020/10/30 Javascript
[07:52]2014DOTA2 TI逗比武士游V社解说背后的故事
2014/07/10 DOTA
[40:56]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Liquid vs TNC
2018/04/01 DOTA
python连接mongodb操作数据示例(mongodb数据库配置类)
2013/12/31 Python
使用Python通过win32 COM打开Excel并添加Sheet的方法
2018/05/02 Python
python计算列表内各元素的个数实例
2018/06/29 Python
Python实现的大数据分析操作系统日志功能示例
2019/02/11 Python
基于树莓派的语音对话机器人
2019/06/17 Python
使用python客户端访问impala的操作方式
2020/03/28 Python
基于python实现破解滑动验证码过程解析
2020/05/28 Python
Python爬虫抓取指定网页图片代码实例
2020/07/24 Python
python切割图片的示例
2020/11/12 Python
教师自我鉴定
2013/12/13 职场文书
合作协议书
2014/04/23 职场文书
庆六一宣传标语
2014/10/08 职场文书
会计求职信怎么写
2015/03/20 职场文书
幼儿园教学工作总结2015
2015/05/12 职场文书
爱的教育读书笔记
2015/06/26 职场文书
入党自传范文2015
2015/06/26 职场文书
2016国庆促销广告语
2016/01/28 职场文书
mysql联合索引的使用规则
2021/06/23 MySQL