芒果小站

  1. 全球最具业界良心的主机 - Linode

    毫无疑问,目前做得最好的主机供应商

    猛击这里查看

  2. 芒果小站目前使用的主机 - Linode

    客服响应快,随时退款,XEN 架构稳定

    猛击这里查看

  3. 最好的日本东京线路主机 - Linode

    可选弗里蒙特、达拉斯、亚特兰大、纽瓦克、伦敦、东京机房

    猛击这里查看

  • 1
  • 2
  • 3
切换到精简模式
13

利用 iframe 假装异步提交表单

作者 芒果/分类 代码/发布于 2011-03-21 12:53

异步提交表单,但需要跨域,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

版权所有,转载请注明出处。
转载自 <a href="http://mangguo.org/use-iframe-simulate-async-form-submit/" title="利用 iframe 假装异步提交表单" rel="bookmark">利用 iframe 假装异步提交表单 | 芒果小站</a>
如果喜欢这篇文章,欢迎订阅芒果小站以获得最新内容。

已经有 13 条群众意见

  1. 正邪 /2011-03-21 13:42

    饺子哥V5 芒果V5 回应

    #1
  2. 芒果 /2011-03-21 13:48

    哎呀,程序员永远逻辑是清楚的 回应

    #2
  3. 晨光博客 /2011-03-21 16:24

    目前正在学习这些东西 回应

    #3
  4. 城主 /2011-03-21 19:58

    呵呵 不错的想法 回应

    #4
  5. youxiao /2011-03-21 20:51

    饺子哥V5 芒果V5 回应

    #5
  6. 芒果youxiao/2011-03-22 11:59

    饺子哥表示压力很大~ 回应

    #6
  7. kam /2011-03-22 20:28

    嗯,这个的确很有用!有点像AJAX了 回应

    #7
  8. 时时彩 /2011-03-22 21:37

    文章写的不错,受益匪浅! 回应

    #8
  9. 万戈 /2011-03-23 16:51

    哈哈,这样还真看起来是异步加载了 回应

    #9
  10. 大尚网 /2011-03-24 13:04

    很不错的想法 回应

    #10
  11. woiweb /2011-03-30 13:40

    还是比较实用的。 回应

    #11
  12. 言冬 /2011-04-12 12:21

    哇咔咔,有意思。。 回应

    #12
  13. 软件开发_JS特效代码 /2011-04-25 14:34

    iframe操作数据是最后一个办法 回应

    #13

下面我简单说几句