iframe异步提交

之前做异步更新，基本都用到了AJAX.

近期在研究一个thinkphp的系统，页面数据提交，用了iframe框架提交，更加简洁方便。

页面提交按钮

<a href="/admin/order/cancel/pick_id/2.html" mini="act" class="remberBtn ">取消捡货单</a>

页面iframe

<iframe id="baocms_frm" name="baocms_frm" style="display:none;"></iframe>

jq提交数据，只需要修改iframe的src，就会自动刷新提交

$(document).on("click", "a[mini='act']", function (e) {e.preventDefault();//防止提交表单if (!lock) {if (confirm("您确定要" + $(this).html())) {loading();$("#baocms_frm").attr('src', $(this).attr('href'));}}});

服务器处理文件如下

 public function cancel() {//业务处理后，返回js$this->baoSuccess('加入捡货单成功！', U('order/picks'));}

PHP文件输出js结果返回

protected function baoSuccess($message, $jumpUrl = '', $time = 3000){$str = '<script>';$str .= 'parent.success("' . $message . '",' . $time . ',\'jumpUrl("' . $jumpUrl . '")\');';$str .= '</script>';exit($str);}

end

iframe异步提交相关推荐

关于异步提交form表单
1.异步提交form 表单方法一: 采用隐藏iframe来提交表单, 代码:<div id="upload_file" title="<%=Res.Cul ...
jQuery.Form.js 异步提交表单使用总结
jQuery.Form.js 是一个用于使用jQuery异步提交表单的插件,它使用方法简单,支持同步和异步两种方式提交. 第一步:引入jQuery与jQuery.Form.js 1 <scrip ...
【转】4.2使用jQuery.form插件，实现完美的表单异步提交
传送门:异步编程系列目录-- 示例下载:使用jQuery.form插件,实现完美的表单异步提交.rar 抓住6月份的尾巴,今天的主题是今天我想介绍的是一款jQuery的插件:Jquery.form. ...
js异步提交form表单的解决方案
1.定义异步提交表单的方法 (通用方法) /*** 异步提交form表单* @param options {form:form表单元素,success:执行成功后处理函数}* <span sty ...
ajax异步提交 java_jquery ajax异步提交表单数据的方法
使用jquery的ajax方法可以异步提交表单,成功后后台返回json数据,回调函数处理,可以不用刷新页面,达到异步的目的: 处理表单的数据可以用serialize()方法进行序列化,而如果提交的数据 ...
ASP.NET MVC 第三章异步提交数据
好长时间都没写文章了本来不准备在写文章了,但是我又为什么今天发表文章咧,第一是为了我自己对技术的认识.第二是为了新手不知道怎么去学习MVC写次系列文章. 废话结束吧,接下来我们看看怎么异步实现提交数据 ...
原生js实现ajax的文件异步提交功能、图片预览功能.实例
采用html5使得选择图片改变时,预览框中图片随之改变.input文件选择框美化.原生js完成文件异步提交效果图: 代码如下,可直接复制并保存为html文件打开查看效果 <html> & ...
springboot: ajax异步提交表单
<form id="p">权限名称: <input name="name" type="text" th:value=&q ...
如何异步提交表单如何异步跨域提交表单
1.使用post提交方式 2.构造表单的数格式 3.结合form表单的submit调用ajax的回调函数. 代码: 使用 jQuery 异步提交表单 <html xmlns="http ...

iframe异步提交

iframe异步提交相关推荐

最新文章

热门文章