利用 iframe 假装异步提交表单_html-js-css

概述异步提交表单，但需要跨域，POST 是靠不住的，幸好 YUI3 提供了强大的 Y.Get.script 模块。后来，伟大的饺子哥说，可以直接用 Form 提交，纳尼？看看代码吧： <iframe name="mangguo"></iframe>假如有个表单： <form method="post" action="http://…

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

具体请查看演示：

<!DOCTYPE HTML><HTML><head><Meta charset="utf-8" /><Title>利用 iframe 假装异步提交表单</Title><style></style><body><h1>利用 iframe 假装异步提交表单</h1><h2>利用 form 的 target 属性将数据提交到指定页面</h2><iframe name="lIEhuo"></iframe><form method="post" action="http://www.wfuyu.com/" target="lIEhuo"><input type="text" name="test" /><button type="submit">提交表单</button></form></body></HTML> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.wfuyu.com/' target='_blank'>http://www.wfuyu.com/</a></center>
提示：可修改后代码再运行!

总结

以上是内存溢出为你收集整理的利用 iframe 假装异步提交表单全部内容，希望文章能够帮你解决利用 iframe 假装异步提交表单所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1026191.html

利用 iframe 假装异步提交表单

发表评论

评论列表（0条）