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)(服務(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入門實例(超詳細注釋)</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)(服務(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請求實例
- 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 接收服務(wù)器返回的json響應(yīng)方法
今天小編就為大家分享一篇Ajax 接收服務(wù)器返回的json響應(yīng)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08通達OA 使用Ajax和工作流插件實現(xiàn)根據(jù)人力資源系統(tǒng)數(shù)據(jù)增加OA賬號(圖文詳解)
這篇文章主要介紹了通達OA 使用Ajax和工作流插件實現(xiàn)根據(jù)人力資源系統(tǒng)數(shù)據(jù)增加OA賬號(圖文詳解),需要的朋友可以參考下2016-12-12使用ajax跨域調(diào)用springboot框架的api傳輸文件
這篇文章主要介紹了使用ajax跨域調(diào)用springboot框架的api傳輸文件,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-12-12