手机
当前位置:查字典教程网 >编程开发 >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调用示例代码】相关文章:

js ajax加载时的进度条代码

分享Ajax创建简单实例代码

Ajax象棋演示和并提供代码下载

ajax基本通用代码示例

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

Ajax实现的异步传输与验证示例代码

Ajax方式删除表格一行数据示例代码

iframe实现Ajax文件上传效果示例

ajaxForm和ajaxSubmit 粘贴就可用示例代码

js基本ajax写法示例代码

精品推荐
分类导航