iframe式ajax调用示例

所属分类: 网络编程 / AJAX相关 阅读数: 1943
收藏 0 赞 0 分享
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实现分页和分页查询

本文主要介绍了ajax实现分页和分页查询的相关知识,具有很好的参考价值,下面跟着小编一起来看下吧
收藏 0 赞 0 分享

ajax实现数据删除、查看详情功能

本文主要介绍了ajax实现数据删除、查看详情功能,具有很好的参考价值。下面跟着小编一起来看下吧
收藏 0 赞 0 分享

ajax分页查询详解

本文主要介绍了ajax实现分页查询的步骤与方法。具有很好的参考价值。下面跟着小编一起来看下吧
收藏 0 赞 0 分享

jQuery AJAX中readyState与status的区别与联系

这篇文章主要介绍了 jQuery AJAX中readyState与status的区别与联系,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

jQuery Ajax的readyState和status的区别和使用详解

在前几篇分析了jquery的ajax异步和同步,以及异常的一些处理,感觉还没有把ajax的readyState和status说清楚.今天就来说说ajax状态的那点事,非常不错,对ajax readystate和status区别和使用感兴趣的朋友一起学习吧
收藏 0 赞 0 分享

在实战中可能碰到的几种ajax请求方法详解

这篇文章主要给大家分享了在实战中可能碰到的几种ajax请求方法,文中通过示例代码介绍的非常详细,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
收藏 0 赞 0 分享

基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽)

这篇文章主要介绍了基于bootstrap的上传插件fileinput 的ajax异步上传功能(支持多文件上传预览拖拽),非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

使用Ajax时处理用户session失效问题的解决方法

这篇文章主要为大家详细介绍了使用Ajax时处理用户session失效问题的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Ajax 向数据库修改和添加功能(较简答)

这篇文章主要介绍了Ajax 向数据库修改和添加功能(较简答),非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

AJAX页面状态保持思路详解

AJAX流行的时候,很多信息为AJAX异步请求,比如:点击、翻页等。通常这种情况你一刷新浏览器,当前页面就会重置到初始状态。更不用说把看到的信息url发给好友了。下面给大家分享实现思路,一起看看吧
收藏 0 赞 0 分享
查看更多