程序员人生 网站导航

利用 iframe 假装异步提交表单

栏目:htmlcss时间:2013-10-08 13:07:01

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

具体请查看演示:


提示:可修改后代码再运行!

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐