快捷導(dǎo)航

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

更新時(shí)間：2014年05月15日 10:39:37 作者：

這篇文章主要介紹了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)文章

jquery通過AJAX從后臺(tái)獲取信息并顯示在表格上的實(shí)現(xiàn)類
今天小編抽給時(shí)間把jquery通過AJAX從后臺(tái)獲取信息并顯示在表格上的實(shí)現(xiàn)類，單獨(dú)寫出來，這樣程序員，不需要每次寫代碼了，可以節(jié)省大量的時(shí)間，感興趣的朋友一起來看看吧
2015-09-09
解決ajax返回驗(yàn)證的時(shí)候總是彈出error錯(cuò)誤的方法
這篇文章主要介紹了解決ajax返回驗(yàn)證的時(shí)候總是彈出error錯(cuò)誤的方法，感興趣的小伙伴們可以參考一下
2016-01-01
全面解析$.Ajax()方法參數(shù)(推薦)
AJAX 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁的技術(shù)，本文主要給大家介紹全面解析$.Ajax()方法參數(shù)(推薦)的相關(guān)資料,需要的朋友可以參考下
2016-06-06
用 ajax 的方法解決網(wǎng)頁廣告顯示的問題
用 ajax 的方法解決網(wǎng)頁廣告顯示的問題...
2006-12-12
Ajax添加數(shù)據(jù)與刪除篇實(shí)現(xiàn)代碼
Hello 大家好！這個(gè)ajax系列教程講到這里已經(jīng)完成50%了．第4篇講了ajax向數(shù)據(jù)庫添加數(shù)據(jù)，第5篇講了ajax修改數(shù)據(jù)庫中的數(shù)據(jù)．今天我們來講ajax添加數(shù)據(jù)與刪除并存的實(shí)例效果．
2010-10-10
JQuery Ajax動(dòng)態(tài)生成Table表格
實(shí)現(xiàn)過程是這樣的：前臺(tái)通過jquery的ajax調(diào)用一般處理程序(Handler),獲取表格需要顯示的信息，然后轉(zhuǎn)換成json格式返回給前臺(tái)，前臺(tái)獲取到數(shù)據(jù)后循環(huán)構(gòu)建表格的行，最好把行附加到表里。感興趣的朋友一起看看吧
2015-09-09
Ajax發(fā)送和接收請求
這篇文章主要為大家詳細(xì)介紹了Ajax發(fā)送和接收請求的相關(guān)資料，感興趣的小伙伴們可以參考一下
2016-02-02
如何創(chuàng)建ajax對(duì)象并兼容多個(gè)瀏覽器
這篇文章主要介紹了創(chuàng)建ajax對(duì)象并兼容多個(gè)瀏覽器方法簡單記錄,在某些情況下還是比較實(shí)用的，需要的朋友可以參考下
2014-08-08
配置Chrome支持本地（file協(xié)議）的AJAX請求
這篇文章主要為大家詳細(xì)介紹了配置Chrome支持本地（file協(xié)議）的AJAX請求，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
AJAX +SpringMVC 實(shí)現(xiàn)bootstrap模態(tài)框的分頁查詢功能
這篇文章主要介紹了AJAX +SpringMVC 實(shí)現(xiàn)bootstrap模態(tài)框的分頁查詢功能，以及模態(tài)框 ajax分頁實(shí)例代碼分享，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-01-01