·您现在的位置： 云翼网络 >> 文章中心 >> 网站建设 >> 网站建设开发 >> php网站开发 >> iframe式ajax调用示例

【如有意向点此提交需求】关于我们

iframe式ajax调用示例

作者：佚名      php网站开发编辑：admin      更新时间：2022-07-23
iframe式Ajax调用示例

1.新建 a.html

<!doctype html> <html> <head> <meta charset='utf-8'> <title>iframe式ajax调用</title> </head> <body> <form action='b.php' method='post' name='' id='' target='formTarget'> <input type='text' name='username' id='' placeholder='' value='' /> <input type='submit' name='' value='提交' /> <span id='msg'></span> </form> <iframe src='' name='formTarget' id='formTarget' style='display:none'></iframe> </body> </html>

2.新建 b.php

<?php echo " <script> parent.document.getElementById('msg').innerHTML = 'iframe式ajax调用成功!'; alert('您输入的是：{$_POST['username']}'); window.setTimeout(function(){ parent.window.location.reload(); },3000); </script>

3.访问: http://localhost/a.html效果如图