iframe式ajax调用示例

前端技术 2023/09/03 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

效果如图
 

本文地址：https://www.stayed.cn/item/7472

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案