最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
使用iframe实现无刷新提交表单的例子
时间：2022-06-25 18:20:11 编辑：袖梨 来源：一聚教程网
最近在做一个项目，用到上传图片功能，发现ajax不能enctype=”multipart/form-data” 属性的表单，没办法，只能使用form表单直接提交的方法了，但是form表单直接提交会跳转页面，这样很不友好，也不是项目需求，于是上网搜索了一番，发现可以使用隐藏的iframe来实现。
具体的原理是form表单提交到iframe里面处理，而这个iframe是隐藏的，所以提交表单的时候当前页面没有发生任何变化。
最重要的就是form的target属性指向iframe的name值，这样就实现了提交到隐藏的iframe中，那么返回值应该怎么获取呢？
var frame1 = document.getElementById("frameFile1").contentDocument; //获取到iframe里面的
html元素
var frameJson1 = JSON.parse($(frame1).find('pre').html());
//根据获取到的元素进行相应的操作
这样的话基本上可以模拟ajax的操作，实现无刷新提交表单。
例子1
这里的代码就想怎么写怎么写了，不过这个里执行完了刚才那个HMTL页面应该要有所表现，这时就要用到上个页面中的 function callback()了
echo ("