无刷新提交表单(非Ajax实现)

HTML代码：

<iframeid="fra"name="frm"style="display: none;"></iframe>
<formid="frm"method="post"action="@Url.Content("~/Backstage/MachineMng/RoadSet/SaveTrackRoad")?roadId=@ViewBag.roadId"target="frm">这里是表单内容</form>

View Code

JS代码：

若保存成功，后台返回{"ok":true}；若保存失败，后台返回{"ok":false, "msg":"错误信息"}

functionsave() {$("#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=" + newDate().valueOf());}else{alert("保存失败：" +data.msg);}});
}

View Code

转载于:https://www.cnblogs.com/s0611163/p/4175663.html

无刷新提交表单(非Ajax实现)相关推荐

Jquery Ajax自定义无刷新提交表单Form
Jquery的$.ajax方法可以实现ajax调用,要设置url,post,参数等. 如果要提交现有Form需要写很多代码,何不直接将Form的提交直接转移到ajax中呢. 以前的处理方法如Form ...
ajax无刷新提交表,Ajax无刷新提交表单和显示
Ajax留言本 *{padding:0;margin:0; }li{list-style:none; }body{background:#f9f9f9;font-size:14px; }#box{wi ...
html ajax提交表单实例,Ajax提交表单并接收json实例代码
需求: 实现点击按钮后,数据以表单形式提交至服务器,并接收来自服务器的返回数据.过程中页面不刷新. html代码 xingming: nianling: ajax提交 js代码 function my ...
java jquery提交表单_Jquery ajax提交表单几种方法
在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$('#表单ID').serialize();就行了,下面我来介绍两个提交表单数据的方法. ...
等待Ajax结果再提交表单（ajax同步）
第一种方法: 如果使用的提交按钮是button 不是submit 以及服务器控件可以在ajax返回结果之后document.getElementById('form').submit(); 第二种 ...
tp5 ajax 路由,tp5中ajax方式提交表单
用ajax提交表单,迅速,快捷,实现页面无刷新提交表单. ajax批删姓名年龄地址添加 $("#sub").click(function(){ var name = $(& ...
jquery+ajax验证不通过也提交表单问题处理
这篇文章主要介绍了jquery validationEngine中使用ajax验证不通过也提交表单问题处理,需要的朋友可以参考下 validationEngine给我们为前端的表单验证减少了很大的工作 ...
php 不刷新提交,提交表单而不刷新页面ajax，php，javascript？
我想提交表单而不刷新页面,从我阅读的内容来看,它应该可以与Ajax一起使用,我在做什么错? 当我这样做时,一切都与php和其他东西一起工作: document.getElementById(" ...
php mysql刷新表格_php读入mysql数据并以表格形式显示（表单实现无刷新提交）
在网上参考了些例子,于是我这个sample实现了如标题上的功能.话不多说,上代码: lishi.html 搜索 form#form1 { height: 93%; } p { width: 99%; ...

无刷新提交表单(非Ajax实现)

无刷新提交表单(非Ajax实现)相关推荐

最新文章

热门文章