php AJAX POST的使用實例代碼
更新時間：2008年12月27日 23:31:42 作者：
AJAX POST的使用實例 @ 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入門實例（超詳細注釋）</title>
<script type="text/javascript">
<!--
//Ajax是建立在XMLHttp組件下的技術(shù)，本例詳細語法參考壓縮包內(nèi)xmlhttp手冊
var xmlHttp
//建立XMLHTTP對象調(diào)用MS的ActiveXObject方法，如果成功（IE瀏覽器）則使用MS ActiveX實例化創(chuàng)建一個XMLHTTP對象 非IE則轉(zhuǎn)用建立一個本地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)（服務器HTTP狀態(tài)碼） 200對應OK 404對應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;
?>
程序代碼
復制代碼 代碼如下:
<!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入門實例（超詳細注釋）</title>
<script type="text/javascript">
<!--
//Ajax是建立在XMLHttp組件下的技術(shù)，本例詳細語法參考壓縮包內(nèi)xmlhttp手冊
var xmlHttp
//建立XMLHTTP對象調(diào)用MS的ActiveXObject方法，如果成功（IE瀏覽器）則使用MS ActiveX實例化創(chuàng)建一個XMLHTTP對象 非IE則轉(zhuǎn)用建立一個本地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)（服務器HTTP狀態(tài)碼） 200對應OK 404對應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;
?>
您可能感興趣的文章:
- Ajax post請求跳轉(zhuǎn)頁面
- 使用jQuery的ajax方法向服務器發(fā)出get和post請求的方法
- Servlet獲取AJAX POST請求中參數(shù)以form data和request payload形式傳輸?shù)姆椒?/a>
- asp.net+ajax的Post請求實例
- Node.js如何響應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應用實例之檢測用戶名是否唯一，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-09-09
$.ajax傳JSON數(shù)據(jù)到后臺出現(xiàn)報錯問題解決
$.ajax傳JSON數(shù)據(jù)到后臺時總會出現(xiàn)一些錯誤，本文整理了一些注意事項，感興趣的朋友可以參考下2014-01-01
把全國省市的兩個XML文件整合成一個JSON格式的數(shù)據(jù)，就想到了用Ajax嵌套的方法來解決，查找資料，加個async：false這個Ajax參數(shù)就行了2014-08-08
今天小編就為大家分享一篇ajax從JSP傳遞對象數(shù)組到后臺的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Ajax創(chuàng)建XMLHttp對象的完美兼容性代碼
Ajax創(chuàng)建XMLHttp對象的完美兼容性代碼，需要的朋友可以參考下。2011-11-11
這篇文章主要介紹了pushState實現(xiàn)Ajax無刷新頁面切換的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
本文給大家介紹ajax實現(xiàn)加載進度條效果，非常不錯，具有參考借鑒價值，需要的朋友參考下2016-12-12
javascript對XMLHttpRequest異步請求的面向?qū)ο蠓庋b
對XMLHttpRequest異步請求的面向?qū)ο蠓庋b,需要的朋友可以參考下。2009-12-12
在文件上傳的時候用到了Ajax上傳文件，以及圖片在上傳之前的預覽效果，下面通過本文給大家分享解決Ajax上傳圖片及上傳前先預覽功能，感興趣的朋友參考下吧2017-08-08
一提到異步交互大家就會說ajax,仿佛ajax這個技術(shù)已經(jīng)成為了異步交互的代名詞.那下面將研究ajax的核心對象2016-01-01