iframe式ajax調(diào)用示例

更新時(shí)間：2014年02月21日 15:14:47 作者：

想必大家對ajax調(diào)用有所熟悉，下面為大家介紹下iframe式ajax調(diào)用,需要的朋友可以參考下

1.新建 a.html

 
<!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)文章

建一個(gè)XMLHttpRequest對象池
建一個(gè)XMLHttpRequest對象池...
2007-04-04
Ajax通訊原理XMLHttpRequest
AJAX = 異步 JavaScript 和 XML。JavaScript不用說腳本語言，XML也不用說可擴(kuò)展標(biāo)記語言用于存放數(shù)據(jù)信息
2011-12-12
pjblog發(fā)表評論用的ajaxJS.js
pjblog發(fā)表評論用的ajaxJS.js...
2007-04-04
ajax提交session超時(shí)跳轉(zhuǎn)頁面使用全局的方法來處理
如果session超時(shí)，而且是ajax請求，就會(huì)在響應(yīng)頭里。再用一個(gè)全局的方法來處理，session超時(shí)要跳轉(zhuǎn)的頁面
2013-11-11
Ajax + PHP session制作購物車
這篇文章主要為大家詳細(xì)介紹了Ajax結(jié)合PHP session制作購物車，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
前端ajax請求+后端java實(shí)現(xiàn)的下載zip壓縮包功能示例
這篇文章主要介紹了前端ajax請求+后端java實(shí)現(xiàn)的下載zip壓縮包功能,結(jié)合實(shí)例形式分析了ajax請求交互與后端圖片zip格式壓縮并下載功能相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2023-05-05
Ajax實(shí)現(xiàn)城市二級聯(lián)動(dòng)（二）
這篇文章主要為大家詳細(xì)介紹了Ajax實(shí)現(xiàn)城市二級聯(lián)動(dòng)的相關(guān)資料，將省份用ajax請求并渲染，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
ajax 登錄功能簡單實(shí)現(xiàn)(未連接數(shù)據(jù)庫)
未連接數(shù)據(jù)庫下實(shí)現(xiàn)ajax 登錄功能判斷登陸成功與失敗，喜歡ajax的朋友可以參考下哈，希望對大家有所幫助
2013-05-05
Ajax實(shí)現(xiàn)動(dòng)態(tài)加載組合框的實(shí)例代碼
本文通過實(shí)例代碼給大家介紹了Ajax實(shí)現(xiàn)動(dòng)態(tài)加載組合框功能，感興趣的朋友一起看看吧
2017-08-08
Ajax學(xué)習(xí)筆記---3種Ajax的實(shí)現(xiàn)方法【推薦】
下面小編就為大家?guī)硪黄狝jax學(xué)習(xí)筆記---3種Ajax的實(shí)現(xiàn)方法【推薦】。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考
2016-05-05