不使用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 相关文章推荐
dojo 之基础篇(三)之向服务器发送数据
Mar 24 Javascript
innerText和innerHTML 一些问题分析
May 18 Javascript
Firefox中autocomplete=&quot;off&quot; 设置不起作用Bug的解决方法
Mar 25 Javascript
解析javascript系统错误:-1072896658的解决办法
Jul 08 Javascript
第六章之辅组类与响应式工具
Apr 25 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
Dec 26 Javascript
Bootstrap导航中表单简单实现代码
Mar 06 Javascript
JS和Canvas实现图片的预览压缩和上传功能
Mar 30 Javascript
浅谈关于iview表单验证的问题
Sep 29 Javascript
ES10的13个新特性示例(小结)
Sep 23 Javascript
Vue+Element-UI实现上传图片并压缩
Nov 26 Javascript
Vue如何跨组件传递Slot的实现
Dec 14 Vue.js
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
让Nginx支持ThinkPHP的URL重写和PATHINFO的方法分享
2011/08/08 PHP
深入PHP内存相关的功能特性详解
2013/06/08 PHP
php自动载入类用法实例分析
2016/06/24 PHP
PHP实现的服务器一致性hash分布算法示例
2018/08/09 PHP
ThinkPHP5分页paginate代码实例解析
2020/11/10 PHP
js当一个变量为函数时 应该注意的一点细节小结
2011/12/29 Javascript
一行代码告别document.getElementById
2012/06/01 Javascript
window.location.href = window.location.href 跳转无反应 a超链接onclick事件写法
2013/08/21 Javascript
关于jquery的多个选择器的使用示例
2013/10/18 Javascript
js利用事件的阻止冒泡实现点击空白模态框的隐藏
2014/01/24 Javascript
jquery中post方法用法实例
2014/10/21 Javascript
JavaScript运算符小结
2015/06/03 Javascript
javascript常用功能汇总
2015/07/05 Javascript
js实现图片放大和拖拽特效代码分享
2015/09/05 Javascript
谈一谈JS消息机制和事件机制的理解
2016/04/14 Javascript
关于function类中定义变量this的简单说明
2016/05/28 Javascript
Javascript类型系统之undefined和null浅析
2016/07/13 Javascript
nodejs+express实现文件上传下载管理网站
2017/03/15 NodeJs
JavaScript中常见内置函数用法示例
2018/05/14 Javascript
Vue动态加载异步组件的方法
2018/11/21 Javascript
vuex页面刷新后数据丢失的方法
2019/01/17 Javascript
利用Angular7开发一个Radio组件的全过程
2019/07/11 Javascript
vue获取form表单的值示例
2019/10/29 Javascript
纯js+css实现在线时钟
2020/08/18 Javascript
python之线程通过信号pyqtSignal刷新ui的方法
2019/01/11 Python
pycharm 批量修改变量名称的方法
2019/08/01 Python
Pymysql实现往表中插入数据过程解析
2020/06/02 Python
keras在构建LSTM模型时对变长序列的处理操作
2020/06/29 Python
美国折扣地毯销售网站:Rugs.com
2020/03/27 全球购物
某公司的.net工程师面试题笔试题
2013/11/22 面试题
公司经理任命书
2014/06/05 职场文书
财务工作疏忽检讨书
2014/09/11 职场文书
倡议书的格式写法
2015/04/28 职场文书
工作态度不好检讨书
2015/05/06 职场文书
教师节校长致辞
2015/07/31 职场文书
SQL SERVER中的流程控制语句
2022/05/25 SQL Server