php AJAX POST的使用實(shí)例代碼
程序代碼
<!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){}
}
}
}
//建立主過程
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方法控制傳送過程
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;
?>
- 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的說明及使用與區(qū)別
- php采用ajax數(shù)據(jù)提交post與post常見方法總結(jié)
- Jquery AJAX POST與GET之間的區(qū)別
- Ajax提交post請(qǐng)求案例分析
相關(guān)文章
AJAX請(qǐng)求隊(duì)列實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了AJAX請(qǐng)求隊(duì)列的實(shí)現(xiàn)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11Ajax 接收服務(wù)器返回的json響應(yīng)方法
今天小編就為大家分享一篇Ajax 接收服務(wù)器返回的json響應(yīng)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2018-08-08Flash & Ajax 操作 XML 實(shí)例:無(wú)刷新分頁(yè)
Flash & Ajax 操作 XML 實(shí)例:無(wú)刷新分頁(yè)...2006-08-08jquery ajax實(shí)現(xiàn)文件上傳功能實(shí)例代碼
這篇文章主要介紹了jquery ajax實(shí)現(xiàn)文件拖拽上傳功能的實(shí)例代碼,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2018-04-04通達(dá)OA 使用Ajax和工作流插件實(shí)現(xiàn)根據(jù)人力資源系統(tǒng)數(shù)據(jù)增加OA賬號(hào)(圖文詳解)
這篇文章主要介紹了通達(dá)OA 使用Ajax和工作流插件實(shí)現(xiàn)根據(jù)人力資源系統(tǒng)數(shù)據(jù)增加OA賬號(hào)(圖文詳解),需要的朋友可以參考下2016-12-12AJAX實(shí)現(xiàn)簡(jiǎn)單的注冊(cè)頁(yè)面異步請(qǐng)求實(shí)例代碼
下面小編就為大家?guī)?lái)一篇AJAX實(shí)現(xiàn)簡(jiǎn)單的注冊(cè)頁(yè)面異步請(qǐng)求實(shí)例代碼。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-10-10使用ajax跨域調(diào)用springboot框架的api傳輸文件
這篇文章主要介紹了使用ajax跨域調(diào)用springboot框架的api傳輸文件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-12-12