手机
当前位置:查字典教程网 >编程开发 >AJAX相关 >iframe式ajax调用示例代码
iframe式ajax调用示例代码
摘要:1.新建a.html复制代码代码如下:iframe式ajax调用2.新建b.php复制代码代码如下:

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'></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

1

【iframe式ajax调用示例代码】相关文章:

Ajax请求内嵌套Ajax请求示例代码

ajax调用简单实例

用ajax实现读博客rss示例代码

php ajax无刷新上传图片实例代码

原生ajax调用数据实例讲解

ajax异步处理POST表单中的数据示例代码

ajax后台处理返回json值示例代码

Ajax通用模板实现代码

json格式的Ajax提交示例代码

ajax实例入门代码

精品推荐
分类导航