iframe式ajax调用示例代码

更新时间：2014年05月15日 10:39:37 作者：

这篇文章主要介绍了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

您可能感兴趣的文章:

AjaxFileUpload结合Struts2实现多文件上传(动态添加文件上传框)
本文是脚本之家小编给大家分享的AjaxFileUpload结合Struts2实现多文件上传功能，如果项目需求是不确定多少个文件，我们需要动态的添加文件上传框，具体实现代码大家参考下本文
2017-09-09
探讨Ajax中有关readyState（状态值）和status（状态码)的问题
这篇文章主要介绍了探讨Ajax中有关readyState（状态值）和status（状态码)的问题的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-06-06
Ajax异步请求JSon数据(图文详解)
在编程过程中使用ajax调用数据的时候，难免要进行逻辑的处理，接受的数据也变的复杂比如数组类型的数据，这时候就需要使用JSON数据类型进行处理，通过本篇文章给大家介绍Ajax异步请求json数据，需要的朋友可以参考下本文
2015-09-09
那些年，我还在学习Ajax 学习笔记
Ajax不用说，每个做web开发的同志都知道，因为它是学习web开发必经之路，不管你是做asp.net，还是javaWeb，还是PHP
2012-03-03
Ajax+Struts2实现验证码验证功能实例代码
这篇文章主要介绍了Ajax+Struts2实现验证码验证功能实例代码的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-07-07
Ajax带提示的验证表单实例
这篇文章主要介绍了Ajax带提示的验证表单,可实现对表单输入进行实时提示的功能,非常简单实用,需要的朋友可以参考下
2015-08-08
Ajax获取页面被缓存的解决方法
常利用AJAX写一些页面无刷新的内容获取页面，这种方式很快捷也很方便，但其中有一个问题，就是如果两次提交的参数相同时，返回的内容只返回上次获取的内容，如果我们在第一次修改了参数，第二次再次调用却会发现页面根本没有改变。
2008-09-09
Ajax跨域登录请求未携带cookie错误解决
这篇文章主要为大家介绍了Ajax跨域登录请求未携带cookie错误解决,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-10-10
原生AJAX写法实例分析
这篇文章主要介绍了原生AJAX写法实例分析,以一个完整的原生Ajax实例分析了Ajax的实现技巧,有助于加深对Ajax的理解,需要的朋友可以参考下
2015-02-02
关于Ajax的封装详解
这篇文章主要介绍了关于Ajax的封装详解,ajax用于浏览器与服务器之间使用异步数据传输(HTTP 请求),做到局部请求以实现局部刷新,本篇讲解ajax的封装,需要的朋友可以参考下
2023-05-05