iframe与div jquery

概述我想知道什么更适合我想要实现的目标： 在我的主页面(main.php)上,我有不同形式的链接：form1.php,form2.php,form3.php.我需要在main.php的一部分中打开链接的页面,即在main.php的div或iframe中打开,而不刷新main.php.表单页面可以填充,删除,更新数据库.当我执行这些 *** 作时,我不希望main.php刷新,而只需要相应的表单页面. 我的第一 我想知道什么更适合我想要实现的目标：

在我的主页面(main.PHP)上,我有不同形式的链接：form1.PHP,form2.PHP,form3.PHP.我需要在main.PHP的一部分中打开链接的页面,即在main.PHP的div或iframe中打开,而不刷新main.PHP.表单页面可以填充,删除,更新数据库.当我执行这些 *** 作时,我不希望main.PHP刷新,而只需要相应的表单页面.
我的第一个选择是打开form1.PHP,例如在main.PHP的iframe中打开.当我提交表单时,只刷新iframe中的form1.PHP.
我的第二个选择是使用jquery：在main.PHP的div中打开链接(form1.PHP).
在div中提交表单,并仅刷新div.

第二种选择要求更高,因为我对AJAX和jquery没有多少经验.第一个选择对我来说更直截了当.
我想知道与iframe相比,使用div刷新的第二个选项是否有任何优势,即与不同浏览器兼容,否则……
谢谢.

解决方法 我建议使用jquery,AJAX( XMLhttpRequest). iframe是旧的,不是语义的,您无法访问main.PHP中的iframe.

$("#submit_button_ID").click(function(e) {    e.preventDefault();    $.post('form.PHP',$("#form_name").serialize(),function(result) {         $("#div_ID").HTML(result); } }

这个片段应该有用.
$(“#submit_button_ID”).click(function(e){：捕获指定ID的click函数并创建一个触发器.

e.preventDefault(); ：阻止表单定期提交,我们将通过jquery提交.

$.post以POST方法发送表单.

‘form.PHP’是你的表单控制器,它将返回一个要显示的HTML代码.

(“#form_name”).serialize()此函数是一个用于序列化要发送的表单的实用程序.它加载输入字段并将它们转换为类似{fIEld1：value,fIEld2：value}

function(result){是第3个参数,成功时,$.post将第3个参数作为函数调用.我们创建一个匿名函数来替换我们div的HTML.

$(“#div_ID”).HTML(result)将指定的div的HTML设置为结果变量.

参考http://api.jquery.com/,他们有一个很棒的参考表.

总结

以上是内存溢出为你收集整理的iframe与div jquery全部内容，希望文章能够帮你解决iframe与div jquery所遇到的程序开发问题。

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