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ì)語(yǔ)法參考?jí)嚎s包內(nèi)xmlhttp手冊(cè)
var xmlHttp
//建立XMLHTTP對(duì)象調(diào)用MS的ActiveXObject方法，如果成功（IE瀏覽器）則使用MS ActiveX實(shí)例化創(chuàng)建一個(gè)XMLHTTP對(duì)象 非IE則轉(zhuǎn)用建立一個(gè)本地Javascript對(duì)象的XMLHttp對(duì)象（此方法確保不同瀏覽器下對(duì)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){}
}
}
}
//建立主過(guò)程
function startXMLHttp(){
createXMLHttp(); //建立xmlHttp 對(duì)象
var send_string="name="+document.getElementById("name").value;
send_string= encodeURI(send_string)
// alert(document.getElementById("text").value);
// return;
xmlHttp.onreadyStatechange =dodo; //xmlHttp下的onreadystatechange方法控制傳送過(guò)程
xmlHttp.open("post","ajax_show.php",true); //傳送方式 讀取的頁(yè)面 異步與否
// 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對(duì)應(yīng)OK 404對(duì)應(yīng)Not Found（未找到）等
document.getElementById("content").innerHTML=xmlHttp.responseText //xmlHttp的responseText方法 得到讀取頁(yè)數(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ì)語(yǔ)法參考?jí)嚎s包內(nèi)xmlhttp手冊(cè)
var xmlHttp
//建立XMLHTTP對(duì)象調(diào)用MS的ActiveXObject方法，如果成功（IE瀏覽器）則使用MS ActiveX實(shí)例化創(chuàng)建一個(gè)XMLHTTP對(duì)象 非IE則轉(zhuǎn)用建立一個(gè)本地Javascript對(duì)象的XMLHttp對(duì)象（此方法確保不同瀏覽器下對(duì)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){}
}
}
}
//建立主過(guò)程
function startXMLHttp(){
createXMLHttp(); //建立xmlHttp 對(duì)象
var send_string="name="+document.getElementById("name").value;
send_string= encodeURI(send_string)
// alert(document.getElementById("text").value);
// return;
xmlHttp.onreadyStatechange =dodo; //xmlHttp下的onreadystatechange方法控制傳送過(guò)程
xmlHttp.open("post","ajax_show.php",true); //傳送方式 讀取的頁(yè)面 異步與否
// 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對(duì)應(yīng)OK 404對(duì)應(yīng)Not Found（未找到）等
document.getElementById("content").innerHTML=xmlHttp.responseText //xmlHttp的responseText方法 得到讀取頁(yè)數(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請(qǐng)求跳轉(zhuǎn)頁(yè)面
- 使用jQuery的ajax方法向服務(wù)器發(fā)出get和post請(qǐng)求的方法
- Servlet獲取AJAX POST請(qǐng)求中參數(shù)以form data和request payload形式傳輸?shù)姆椒?/a>
- asp.net+ajax的Post請(qǐng)求實(shí)例
- Node.js如何響應(yīng)Ajax的POST請(qǐng)求并且保存為JSON文件詳解
- 深入理解Ajax的get和post請(qǐng)求
- 防止頁(yè)面url緩存中ajax中post請(qǐng)求的處理方法
- Jquery中$.post和$.ajax的用法小結(jié)
- ajax中g(shù)et和post的說(shuō)明及使用與區(qū)別
- php采用ajax數(shù)據(jù)提交post與post常見方法總結(jié)
- Jquery AJAX POST與GET之間的區(qū)別
- Ajax提交post請(qǐng)求案例分析
相關(guān)文章
AJAX應(yīng)用實(shí)例之檢測(cè)用戶名是否唯一(實(shí)例代碼)
本文通過(guò)實(shí)例代碼給大家介紹了AJAX應(yīng)用實(shí)例之檢測(cè)用戶名是否唯一，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-09-09
$.ajax傳JSON數(shù)據(jù)到后臺(tái)出現(xiàn)報(bào)錯(cuò)問(wèn)題解決
$.ajax傳JSON數(shù)據(jù)到后臺(tái)時(shí)總會(huì)出現(xiàn)一些錯(cuò)誤，本文整理了一些注意事項(xiàng)，感興趣的朋友可以參考下2014-01-01
Ajax請(qǐng)求內(nèi)嵌套Ajax請(qǐng)求示例代碼
把全國(guó)省市的兩個(gè)XML文件整合成一個(gè)JSON格式的數(shù)據(jù)，就想到了用Ajax嵌套的方法來(lái)解決，查找資料，加個(gè)async：false這個(gè)Ajax參數(shù)就行了2014-08-08
ajax從JSP傳遞對(duì)象數(shù)組到后臺(tái)的方法
今天小編就為大家分享一篇ajax從JSP傳遞對(duì)象數(shù)組到后臺(tái)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
Ajax創(chuàng)建XMLHttp對(duì)象的完美兼容性代碼
Ajax創(chuàng)建XMLHttp對(duì)象的完美兼容性代碼，需要的朋友可以參考下。2011-11-11
pushState實(shí)現(xiàn)Ajax無(wú)刷新頁(yè)面切換
這篇文章主要介紹了pushState實(shí)現(xiàn)Ajax無(wú)刷新頁(yè)面切換的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
本文給大家介紹ajax實(shí)現(xiàn)加載進(jìn)度條效果，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下2016-12-12
javascript對(duì)XMLHttpRequest異步請(qǐng)求的面向?qū)ο蠓庋b
對(duì)XMLHttpRequest異步請(qǐng)求的面向?qū)ο蠓庋b,需要的朋友可以參考下。2009-12-12
Ajax上傳圖片及上傳前先預(yù)覽功能實(shí)例代碼
在文件上傳的時(shí)候用到了Ajax上傳文件，以及圖片在上傳之前的預(yù)覽效果，下面通過(guò)本文給大家分享解決Ajax上傳圖片及上傳前先預(yù)覽功能，感興趣的朋友參考下吧2017-08-08
一提到異步交互大家就會(huì)說(shuō)ajax,仿佛ajax這個(gè)技術(shù)已經(jīng)成為了異步交互的代名詞.那下面將研究ajax的核心對(duì)象2016-01-01