iframe式ajax调用示例

2019-11-15 01:35:32

字体：大中小

来源：转载

供稿：网友

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效果如图