iframe式ajax调用示例

所属分类: 网络编程 / AJAX相关 阅读数: 1932
收藏 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的error与后台的异常问题解决

这篇文章主要介绍了关于ajax的error与后台的异常,需要的朋友可以参考下
收藏 0 赞 0 分享

ajax提交到servelt获取参数有乱码的解决方法

这篇文章主要介绍了ajax提交到servelt获取参数有乱码的解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Ajax风格的一款网页Loading效果

本篇文章主要是对Ajax风格的一款网页Loading效果的实例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
收藏 0 赞 0 分享

Ajax级联菜单实例代码

本篇文章主要是对Ajax级联菜单的实例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
收藏 0 赞 0 分享

AJAX级联下拉框的简单实现案例

本篇文章主要是对AJAX级联下拉框的简单实现案例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
收藏 0 赞 0 分享

js对ajax返回数组的处理介绍

本篇文章主要是对js对ajax返回数组的处理进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
收藏 0 赞 0 分享

iframe式ajax调用示例

想必大家对ajax调用有所熟悉,下面为大家介绍下iframe式ajax调用,需要的朋友可以参考下
收藏 0 赞 0 分享

一个简单的ajax上传进度显示示例

这篇文章主要介绍了一个简单的ajax上传进度显示示例,需要的朋友可以参考下
收藏 0 赞 0 分享

ajax实现输入框文字改变展示下拉列表的效果示例

这篇文章主要介绍了通过ajax实现输入框文字改变展示下拉列表的效果,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多