html5中文学习网

您的位置: 首页 > 网站及特效实例 > jquery特效 » 正文

iframe式ajax调用示例_编程语言综合

[ ] 已经帮助:人解决问题

 想必大家对ajax调用有所熟悉,下面为大家介绍下iframe式ajax调用,需要的朋友可以参考下8iuHTML5中文学习网 - HTML5先行者学习网

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 
 
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助