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

效果如图


 
您可能感兴趣的文章:

  • 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调用简单实例
张贴在3