`

如何实现form表单提交和ajax异步操作效果相似

阅读更多

步骤一:用一个隐藏的iframe来接收服务端返回的信息

 

步骤二:服务端返回一段<script></script>脚本(类似于ajax中的回调函数)

 

 步骤三:隐藏的iframe接收到脚本之后,解析执行该脚本动作(调用父iframe中的IDebt.photo.callback()方法)。

 

总结:以上步骤原始页面不会出现跳转,效果和ajax异步操作相似。

  • 大小: 19.3 KB
  • 大小: 12.4 KB
分享到:
评论

相关推荐

    使用jQuery.form插件,实现完美的表单异步提交

    使用jQuery.form插件,实现完美的表单异步提交

    ajaxForm异步提交表单(含图片)

    ajaxForm异步提交表单(含图片)ajaxForm异步提交表单(含图片)ajaxForm异步提交表单(含图片)

    Vue form 表单提交+ajax异步请求+分页效果

    主要介绍了Vue form 表单提交+ajax异步请求+分页效果,需要的朋友可以参考下

    ajax异步提交表单

    ajax提交的jq版本,相当实用

    form表单的异步回调方法

    实现form表单的回调,以及异步,伪ajax,即用户通过form表单提交后,就可以等待后台的相应

    使用Ajax方法实现Form表单的提交及注意事项

    一般这种异步的操作,我们都会想到ajax方式,因此在实现了功能后就整理了这篇文章,通过ajax方法实现form表单的提交并进行后续的异步操作。 常见的form表单提交方式 &lt;!DOCTYPE ...

    不用form提交表单,用ajax上传文件

    不用form提交表单,用ajax异步上传文件,使用jdk8版本,否则可能无法运行

    ajax验证并提交表单的两种方法博客源码

    本资源通过ajax实现对提交的form表单的验证,该代码不但有针对property验证,也有针对object验证,还有一个异步获取对象的实例;包含完整的代码和库文件;在myeclipse8.5和apache-tomcat-6.0.30测试通过;访问网址:...

    ajax提交表单插件ajaxform.js

    这是一个ajax提交表单插件,支持文件上传,用起来非常方便。具体使用说明 http://blog.csdn.net/qq122453418/article/details/79511164 欢迎留言

    异步表单验证

    arr[0].posturl("/FormValidation/ajax/ajax-validation.asmx/user_isNull", "name"); arr[0].check("tname", "td1", "checkusername", true, true); //密码验证 arr[1] = new XQValidation(); arr[1]....

    在layui中使用form表单监听ajax异步验证注册的实例

    今天给大家介绍的是当下很流行的框架layui中的一个小案例、就是form表单监控提交并且使用ajax异步提交验证数据。在layui中我们想使用哪个模块就要layui.use(‘form’,function{});这种形式要引用form内置模板,下面...

    jquery ajax异步提交表单数据的方法

    使用jquery的ajax方法可以异步提交表单,成功后后台返回json数据,回调函数处理,可以不用刷新页面,达到异步的目的; 处理表单的数据可以用serialize()方法进行序列化,而如果提交的数据包括文件流的话,就需要使用...

    Jquery让form表单异步提交代码实现

    这篇文章主要介绍了Jquery让form表单异步提交代码实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 1.监听表单提交事件,并阻止表单提交 $(form).submit...

    Ajax提交Form表单及文件上传的实例代码

    前几天,发现了一些小问题。...这样我们可以先到异步的Ajax可以实现局部刷新; 废话不多说了 直接上代码; 首先是html: &lt;form id = "form_insert" method = "post"&gt; &lt;table style = "font-size: 13

    ajax异步上传文件

    异步提交带file的form表单

    struts2+ajaxForm

    ajax刷新表格数据 ajaxform异步提交表单数据, jquery.validate验证表单数据

    纯javascript的ajax实现php异步提交表单的简单实例

    当然,jquery可以实现异步提交表单,jquery.form.js这个库貌似也挺流行 只是有时候并不想使用额外的库,所以就琢磨着自己写,用纯js来实现异步提交表单 实现如下(本例用POST方式提交,用php作为服务器脚本) HTM L...

    表单上传功能实现 ajax文件异步上传

    项目中用户上传总是少不了的,下面就主要的列举一下表单上传和ajax上传!注意: context.Request.Files不适合对大文件进行操作,下面列举的主要对于小文件上传的处理! 资源下载: 一、jQuery官方下载地址:...

Global site tag (gtag.js) - Google Analytics