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
效果如图
您可能感兴趣的文章:- ajax调用中ie缓存问题解决方法
- ajax+php控制所有后台函数调用
- jQuery Ajax调用WCF服务详细教程
- jQuery调用ajax请求的常见方法汇总
- 使用ajax技术无刷新动态调用新浪股票实时数据
- jQuery ajax调用WCF服务实例
- ajax的定时调用每5秒调用一次
- iframe式ajax调用示例代码
- jquery中的ajax方法怎样通过JSONP进行远程调用
- JavaScript调用ajax获取文本文件内容实现代码
- jquery.Ajax()方法调用Asp.Net后台的方法解析
- ajax调用简单实例