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
相关文章
今天小编就为大家分享一篇ajax动态查询数据库数据并显示在前台的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
Ajax到底是什么？是一个并不太容易掌握，但可以增加网站交互性的方法？是Web2.0的基石？还是又一轮网络开发中的跟风？2008-06-06
这篇文章主要为大家详细介绍了ajax跨域访问报错501的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章给大家介绍了Ajax读取txt并对txt内容进行分页显示功能，非常不错，具有参考借鉴价值，感兴趣的朋友一起看看吧2016-11-11
Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。网上关于介绍ajax的原理有很多，本文将通过图文的形式给大家更直接明了的介绍，有需要的可以参考学习。2016-08-08
AJAX = 异步 JavaScript 和 XML，AJAX 是一种用于创建快速动态网页的技术。本文给大家带来了全面解析Ajax综合应用大全，非常不错具有参考借鉴价值，感兴趣的朋友一起看下吧2016-06-06
在IE下，AJAX请求得到响应后，回调函数onreadystatechange是在全局环境下被调用的，而在标准浏览器下，其执行上下文是XMLHttpRequest对象2014-03-03
客户端传递给服务器的内容 和 服务器传递给客户端的内容 都属于HTTP报文。Ajax是客户端JS中的方法，用来向服务端发送请求,下面通过本文给大家分享HTTP报文及ajax基础知识，感兴趣的朋友一起看看吧2017-08-08
使用struts2表单传值，可以传一个或者是作为一个对象的各个属性传，都非常灵活便捷。但是如果我们需要传一个数组并希望struts正确接收，该怎么处理呢？接下来，通过本文给大家介绍通过Ajax两种方式讲解Struts2接收数组表单的方法，需要的朋友可以参考下2015-10-10
下面小编就为大家分享一篇快速解决ajax请求出错状态码为0的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
最新评论