iframe式ajax调用示例
更新时间：2014年02月21日 15:14:47 作者：
想必大家对ajax调用有所熟悉，下面为大家介绍下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
效果如图
复制代码 代码如下:
<!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和WebService实现省市县三级联动效果，在浏览网页的时候经常会遇到过，下面与大家分享下具体的实现步骤2013-05-05
Ajax 请求队列解决方案并结合elementUi做全局加载状态
这篇文章主要介绍了Ajax 请求队列解决方案并结合elementUi做全局加载状态,使用 消息队列 制作 请求防抖，防止重复请求印象服务器，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-10-10
这篇文章主要介绍了实例代码讲解ajax实现的无刷新分页的相关资料,需要的朋友可以参考下2015-12-12
AJAX是利用浏览器的两个内置对象实现了，异步传输，说白了，页面不刷新对后台请求功能，现在市面上有很多AJAX框架，我就不一一列举了。2009-02-02
AJAXRequest v0.2...2006-12-12
开始研究Ajax. 第一天...2006-06-06
这篇文章主要介绍了iframe式ajax调用,需要的朋友可以参考下2014-05-05
用实现ajax读博客rss示例代码...2007-03-03
AJAX入门之XMLHttpRequest慨述...2006-06-06
这篇文章主要介绍了Ajax 入门之 GET 与 POST 的不同处详解,需要的朋友可以参考下2017-02-02
最新评论