首页 > 开发 > AJAX > 正文

iframe式ajax调用示例

2024-09-01 08:32:35
字体:
来源:转载
供稿:网友
想必大家对ajax调用有所熟悉,下面为大家介绍下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' target='formTarget'>
<input type='text' placeholder='' value='' />
<input type='submit' value='提交' />
<span></span>
</form>
<iframe src=''></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.访问:

效果如图

iframe式ajax调用示例

 
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表