/* 336x280*/
异步提交表单,但需要跨域,POST 是靠不住的,幸好 YUI3 提供了强大的 Y.Get.script 模块。后来,伟大的饺子哥说,可以直接用 Form 提交,纳尼?看看代码吧 :
<iframe name="mangguo"></iframe>
假如有个表单:
<form method="post" action="http://www.mangguo.org/index.php" target="mangguo"> <input type="text" name="test" /> <button type="submit">提交表单</button> </form>
提交后数据将发送到 http://www.mangguo.org/index.php 页面,但由于指定了 target=”mangguo”,所以不在当前窗口打开(也就是不刷新页面的效果),而是在 name=”mangguo” 的 iframe 中打开。
具体请查看演示:iframe_form_submit.html
/* 336x280*/
版权所有,转载请注明出处。
转载自 <a href="http://www.mangguo.org/use-iframe-simulate-async-form-submit/" title="利用 iframe 假装异步提交表单" rel="bookmark">利用 iframe 假装异步提交表单 | 芒果小站</a>
已经有 13 条群众意见
- 正邪
#1/2011-03-21 13:42饺子哥V5 芒果V5 回应
- 芒果
#2/2011-03-21 13:48哎呀,程序员永远逻辑是清楚的 回应
- 晨光博客
#3/2011-03-21 16:24目前正在学习这些东西 回应
- 城主
#4/2011-03-21 19:58呵呵 不错的想法 回应
- youxiao
#5/2011-03-21 20:51饺子哥V5 芒果V5 回应
- 芒果 对 说
#6/2011-03-22 11:59饺子哥表示压力很大~ 回应
- kam
#7/2011-03-22 20:28嗯,这个的确很有用!有点像AJAX了 回应
- 时时彩
#8/2011-03-22 21:37文章写的不错,受益匪浅! 回应
- 万戈
#9/2011-03-23 16:51哈哈,这样还真看起来是异步加载了 回应
- 大尚网
#10/2011-03-24 13:04很不错的想法 回应
- woiweb
#11/2011-03-30 13:40还是比较实用的。 回应
- 言冬
#12/2011-04-12 12:21哇咔咔,有意思。。 回应
- 软件开发_JS特效代码
#13/2011-04-25 14:34iframe操作数据是最后一个办法 回应
我简单说几句