<!doctype html> 
<html> 
<head> 
<meta charset='utf-8'> 
<title>iframe式ajax調(diào)用</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

復(fù)制代碼代碼如下:

<?php 
echo " 
<script> 
parent.document.getElementById('msg').innerHTML = 'iframe式ajax調(diào)用成功!'; 
alert('您輸入的是：{$_POST['username']}'); 
window.setTimeout(function(){ 
parent.window.location.reload(); 
},3000); 
</script>

3.訪問: http://localhost/a.html

您可能感興趣的文章:

相關(guān)文章

實現(xiàn)類似facebook無刷新ajax更新
這篇文章主要介紹了實現(xiàn)類似facebook無刷新ajax更新,需要的朋友可以參考下
2014-03-03
ajax動態(tài)為a標(biāo)簽href賦值不執(zhí)行跳轉(zhuǎn)的原因分析及解決
ajax 動態(tài)為a標(biāo)簽的href屬性賦值，總是不執(zhí)行跳轉(zhuǎn)的原因想必大家有遇到過吧，下面與大家分享下具體的解決方法，希望對你有所幫助
2013-06-06
javascript 拖動_cookie_ajax等
比較實用的js拖動效果代碼。類的寫法不錯，是個不錯的應(yīng)用
2008-06-06
AjaxFileUpload結(jié)合Struts2實現(xiàn)多文件上傳(動態(tài)添加文件上傳框)
本文是腳本之家小編給大家分享的AjaxFileUpload結(jié)合Struts2實現(xiàn)多文件上傳功能，如果項目需求是不確定多少個文件，我們需要動態(tài)的添加文件上傳框，具體實現(xiàn)代碼大家參考下本文
2017-09-09
layui的checbox在Ajax局部刷新下的設(shè)置方法
今天小編就為大家分享一篇layui的checbox在Ajax局部刷新下的設(shè)置方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
Ajax的簡單實用實例代碼
這篇文章主要介紹了Ajax的簡單實用實例代碼,需要的朋友可以參考下
2017-05-05
AJAX實現(xiàn)簡單的注冊頁面異步請求實例代碼
下面小編就為大家?guī)硪黄狝JAX實現(xiàn)簡單的注冊頁面異步請求實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
Ajax長連接項目案例
所謂的長連接，就是不斷去發(fā)送請求，把請求阻塞在服務(wù)器端，每次超過請求時間就去重新發(fā)送請求，下面以一個實例為大家詳細(xì)介紹下，感興趣的朋友可不要錯過了哈
2013-08-08
Ajax請求和Filter配合案例解析
這篇文章主要介紹了Ajax請求和Filter配合案例解析的,本文給大家介紹的非常詳細(xì)，具有參考借鑒加載，需要的朋友可以參考下
2016-12-12
$AJAX集天氣\IP\多國語言翻譯MP3(可同步LRC歌詞顯示)\萬年歷查詢通$
AJAX集天氣\IP\多國語言翻譯MP3(可同步LRC歌詞顯示)\萬年歷查詢通
AJAX集天氣\IP\多國語言翻譯MP3(可同步LRC歌詞顯示)\萬年歷查詢通...
2007-09-09