不使用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 相关文章推荐
jQuery循环动画与获取组件尺寸的方法
Feb 02 Javascript
javascript鼠标滑动评分控件完整实例
May 13 Javascript
使用Browserify配合jQuery进行编程的超级指南
Jul 28 Javascript
JS实现的页面自定义滚动条效果
Oct 26 Javascript
JavaScript职责链模式概述
Sep 17 Javascript
RequireJS简易绘图程序开发
Oct 28 Javascript
JS实现的简单轮播图运动效果示例
Dec 22 Javascript
javascript笔记之匿名函数和闭包
Feb 06 Javascript
JS去掉字符串末尾的标点符号及删除最后一个字符的方法
Oct 24 Javascript
vue实现组件之间传值功能示例
Jul 13 Javascript
js控制随机数生成概率代码实例
Mar 21 Javascript
js实现上传图片到服务器
Apr 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(3)
2006/10/09 PHP
用PHP控制用户的浏览器--ob*函数的使用说明
2007/03/16 PHP
PHP递归返回值时出现的问题解决办法
2013/02/19 PHP
解析PHP 5.5 新特性
2013/07/02 PHP
php使用fsockopen函数发送post,get请求获取网页内容的方法
2014/11/15 PHP
php获取远程文件大小
2015/10/20 PHP
Ubuntu中支持PHP5与PHP7双版本的简单实现
2018/08/19 PHP
php实现数组中出现次数超过一半的数字的统计方法
2018/10/14 PHP
用js计算页面执行时间的函数
2006/12/07 Javascript
ie中js创建checkbox默认选中问题探讨
2013/10/21 Javascript
jQuery实现切换页面过渡动画效果
2015/10/29 Javascript
bootstrap多种样式进度条展示
2016/12/20 Javascript
vue-content-loader内容加载器的使用方法
2018/08/05 Javascript
Vue.js 时间转换代码及时间戳转时间字符串
2018/10/16 Javascript
基于iview的router常用控制方式
2019/05/30 Javascript
微信小程序点餐系统开发常见问题汇总
2019/08/06 Javascript
基于Nuxt.js项目的服务端性能优化与错误检测(容错处理)
2019/10/23 Javascript
vue中的过滤器及其时间格式化问题
2020/04/09 Javascript
基于JavaScript实现简单抽奖功能代码实例
2020/10/20 Javascript
[02:01]大师之路——DOTA2完美大师赛11月论剑上海
2017/11/06 DOTA
python人人网登录应用实例
2014/09/26 Python
django接入新浪微博OAuth的方法
2015/06/29 Python
Python网站验证码识别
2016/01/25 Python
Python随机数用法实例详解【基于random模块】
2017/04/18 Python
python 调用钉钉机器人的方法
2019/02/20 Python
python2和python3在处理字符串上的区别详解
2019/05/29 Python
老生常谈CSS中的长度单位
2016/06/27 HTML / CSS
非凡女性奢华谦虚风格:The Modist
2017/10/28 全球购物
Nip + Fab官网:英国美容品牌
2019/08/26 全球购物
Yummie官方网站:塑身衣和衣柜必需品
2019/10/29 全球购物
小学竞选班长演讲稿
2014/09/09 职场文书
党员群众路线剖析材料
2014/10/08 职场文书
任命书怎么写
2015/03/02 职场文书
户外拓展训练感想
2015/08/07 职场文书
Spring整合Mybatis的全过程
2021/06/28 Java/Android
解决Swagger2返回map复杂结构不能解析的问题
2021/07/02 Java/Android