通过form的action属性提交表单并接收处理返回值的方法(页面不跳转)

您所在的位置:网站首页 js修改form中的action属性 通过form的action属性提交表单并接收处理返回值的方法(页面不跳转)

通过form的action属性提交表单并接收处理返回值的方法(页面不跳转)

2024-07-09 23:10| 来源: 网络整理| 查看: 265

通过form的action属性提交表单,这个很容易。但是,由于这种方式是同步提交,所以会导致页面跳转,且不好拿到返回值。一般都用ajax代替。 有些情况ajax是不能使用的,严格的说是不好使用的。例如文件上传功能。

通过form的action属性提交表单,并接收处理返回值的方法如下: html:          $("iframe[name=iframeContent]").on("load", function() {   var responseText = $("iframe")[0].contentDocument.body.getElementsByTagName("pre")[0].innerHTML;   alert(responseText);   //以下就可以判断并处理返回值 })

这个方法是这样的。

首先,写一个iframe,并且给iframe display:none; form元素有一个target属性用于指定提交后跳转到哪个页面。所以指定target属性为iframe的name。这样的话返回值会存到iframe中。结构是这样的 {"code": "01"}

其次,通过js监听iframe的load事件。如果iframe加载完成,就会触发load事件。这样一旦有数据返回就会触发事件。

获取返回的数据,并处理返回的数据。

$("iframe")[0].contentDocument.body.getElementsByTagName("pre")[0].innerHTML;


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3