iframe式ajax调用示例代码
iframe式ajax调用示例代码
发布时间:2017-01-07 来源:查字典编辑
摘要: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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新AJAX相关学习
热门AJAX相关学习
编程开发子分类