php AJAX POST的使用實(shí)例代碼
更新時(shí)間：2008年12月27日 23:31:42 作者：
AJAX POST的使用實(shí)例 @ 2008-12-3 晚上調(diào)試成功
ajax.html
程序代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>兼容多瀏覽器的AJAX入門實(shí)例（超詳細(xì)注釋）</title>
<script type="text/javascript">
<!--
//Ajax是建立在XMLHttp組件下的技術(shù)，本例詳細(xì)語法參考壓縮包內(nèi)xmlhttp手冊
var xmlHttp
//建立XMLHTTP對象調(diào)用MS的ActiveXObject方法，如果成功（IE瀏覽器）則使用MS ActiveX實(shí)例化創(chuàng)建一個(gè)XMLHTTP對象 非IE則轉(zhuǎn)用建立一個(gè)本地Javascript對象的XMLHttp對象（此方法確保不同瀏覽器下對AJAX的支持）
function createXMLHttp(){
if(window.XMLHttpRequest){ // Mozilla 瀏覽器
xmlHttp = new XMLHttpRequest();
}else if (window.ActiveXObject){ // IE 瀏覽器
try{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}
}
//建立主過程
function startXMLHttp(){
createXMLHttp(); //建立xmlHttp 對象
var send_string="name="+document.getElementById("name").value;
send_string= encodeURI(send_string)
// alert(document.getElementById("text").value);
// return;
xmlHttp.onreadyStatechange =dodo; //xmlHttp下的onreadystatechange方法控制傳送過程
xmlHttp.open("post","ajax_show.php",true); //傳送方式 讀取的頁面 異步與否
// xmlHttp.setRequestHeader("cache-control","no-cache");
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttp.send(send_string); //發(fā)送
}
function dodo(){
if(xmlHttp.readyState==4){ // xmlHttp下的readystate方法 4表示傳送完畢
if(xmlHttp.status==200){ // xmlHttp的status方法讀取狀態(tài)（服務(wù)器HTTP狀態(tài)碼） 200對應(yīng)OK 404對應(yīng)Not Found（未找到）等
document.getElementById("content").innerHTML=xmlHttp.responseText //xmlHttp的responseText方法 得到讀取頁數(shù)據(jù)
}
}
}
-->
</script>
</head>
<body>
<span id="content">要替換的內(nèi)容</span><br>
<input type="button" onclick="javascript:startXMLHttp()" value="AJAX獲取"/>
<form id="form1" name="form1" method="post" action="">
<label>
<input type="text" name="name" id="name" />
</label>
</form>
</body>
</html>
ajax_show.php
程序代碼
<?php
$content = isset($_POST['name']) ? $_POST['name'] : '';
echo $content;
?>
程序代碼
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>兼容多瀏覽器的AJAX入門實(shí)例（超詳細(xì)注釋）</title>
<script type="text/javascript">
<!--
//Ajax是建立在XMLHttp組件下的技術(shù)，本例詳細(xì)語法參考壓縮包內(nèi)xmlhttp手冊
var xmlHttp
//建立XMLHTTP對象調(diào)用MS的ActiveXObject方法，如果成功（IE瀏覽器）則使用MS ActiveX實(shí)例化創(chuàng)建一個(gè)XMLHTTP對象 非IE則轉(zhuǎn)用建立一個(gè)本地Javascript對象的XMLHttp對象（此方法確保不同瀏覽器下對AJAX的支持）
function createXMLHttp(){
if(window.XMLHttpRequest){ // Mozilla 瀏覽器
xmlHttp = new XMLHttpRequest();
}else if (window.ActiveXObject){ // IE 瀏覽器
try{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}
}
//建立主過程
function startXMLHttp(){
createXMLHttp(); //建立xmlHttp 對象
var send_string="name="+document.getElementById("name").value;
send_string= encodeURI(send_string)
// alert(document.getElementById("text").value);
// return;
xmlHttp.onreadyStatechange =dodo; //xmlHttp下的onreadystatechange方法控制傳送過程
xmlHttp.open("post","ajax_show.php",true); //傳送方式 讀取的頁面 異步與否
// xmlHttp.setRequestHeader("cache-control","no-cache");
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttp.send(send_string); //發(fā)送
}
function dodo(){
if(xmlHttp.readyState==4){ // xmlHttp下的readystate方法 4表示傳送完畢
if(xmlHttp.status==200){ // xmlHttp的status方法讀取狀態(tài)（服務(wù)器HTTP狀態(tài)碼） 200對應(yīng)OK 404對應(yīng)Not Found（未找到）等
document.getElementById("content").innerHTML=xmlHttp.responseText //xmlHttp的responseText方法 得到讀取頁數(shù)據(jù)
}
}
}
-->
</script>
</head>
<body>
<span id="content">要替換的內(nèi)容</span><br>
<input type="button" onclick="javascript:startXMLHttp()" value="AJAX獲取"/>
<form id="form1" name="form1" method="post" action="">
<label>
<input type="text" name="name" id="name" />
</label>
</form>
</body>
</html>
ajax_show.php
程序代碼
復(fù)制代碼 代碼如下:
<?php
$content = isset($_POST['name']) ? $_POST['name'] : '';
echo $content;
?>
您可能感興趣的文章:
- Ajax post請求跳轉(zhuǎn)頁面
- 使用jQuery的ajax方法向服務(wù)器發(fā)出get和post請求的方法
- Servlet獲取AJAX POST請求中參數(shù)以form data和request payload形式傳輸?shù)姆椒?/a>
- asp.net+ajax的Post請求實(shí)例
- Node.js如何響應(yīng)Ajax的POST請求并且保存為JSON文件詳解
- 深入理解Ajax的get和post請求
- 防止頁面url緩存中ajax中post請求的處理方法
- Jquery中$.post和$.ajax的用法小結(jié)
- ajax中g(shù)et和post的說明及使用與區(qū)別
- php采用ajax數(shù)據(jù)提交post與post常見方法總結(jié)
- Jquery AJAX POST與GET之間的區(qū)別
- Ajax提交post請求案例分析
相關(guān)文章
AJAX應(yīng)用實(shí)例之檢測用戶名是否唯一(實(shí)例代碼)
本文通過實(shí)例代碼給大家介紹了AJAX應(yīng)用實(shí)例之檢測用戶名是否唯一，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-09-09
$.ajax傳JSON數(shù)據(jù)到后臺出現(xiàn)報(bào)錯(cuò)問題解決
$.ajax傳JSON數(shù)據(jù)到后臺時(shí)總會出現(xiàn)一些錯(cuò)誤，本文整理了一些注意事項(xiàng)，感興趣的朋友可以參考下2014-01-01
把全國省市的兩個(gè)XML文件整合成一個(gè)JSON格式的數(shù)據(jù)，就想到了用Ajax嵌套的方法來解決，查找資料，加個(gè)async：false這個(gè)Ajax參數(shù)就行了2014-08-08
今天小編就為大家分享一篇ajax從JSP傳遞對象數(shù)組到后臺的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Ajax創(chuàng)建XMLHttp對象的完美兼容性代碼
Ajax創(chuàng)建XMLHttp對象的完美兼容性代碼，需要的朋友可以參考下。2011-11-11
pushState實(shí)現(xiàn)Ajax無刷新頁面切換
這篇文章主要介紹了pushState實(shí)現(xiàn)Ajax無刷新頁面切換的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
本文給大家介紹ajax實(shí)現(xiàn)加載進(jìn)度條效果，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下2016-12-12
javascript對XMLHttpRequest異步請求的面向?qū)ο蠓庋b
對XMLHttpRequest異步請求的面向?qū)ο蠓庋b,需要的朋友可以參考下。2009-12-12
Ajax上傳圖片及上傳前先預(yù)覽功能實(shí)例代碼
在文件上傳的時(shí)候用到了Ajax上傳文件，以及圖片在上傳之前的預(yù)覽效果，下面通過本文給大家分享解決Ajax上傳圖片及上傳前先預(yù)覽功能，感興趣的朋友參考下吧2017-08-08
一提到異步交互大家就會說ajax,仿佛ajax這個(gè)技術(shù)已經(jīng)成為了異步交互的代名詞.那下面將研究ajax的核心對象2016-01-01