當(dāng)前位置：首頁 > 编程语言 > php >内容正文

php

PHP和ajax详解

發(fā)布時間：2025/5/22 php 44 豆豆

生活随笔收集整理的這篇文章主要介紹了 PHP和ajax详解小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

優(yōu)點：減輕服務(wù)器的負(fù)擔(dān),按需取數(shù)據(jù),最大程度的減少冗余請求
局部刷新頁面,減少用戶心理和實際的等待時間,帶來更好的用戶體驗
基于xml標(biāo)準(zhǔn)化,并被廣泛支持,不需安裝插件等
進(jìn)一步促進(jìn)頁面和數(shù)據(jù)的分離
缺點：AJAX大量的使用了javascript和ajax引擎,這些取決于瀏覽器的支持.在編寫的時候考慮對瀏覽器的兼容性.
AJAX只是局部刷新,所以頁面的后退按鈕是沒有用的.
對流媒體還有移動設(shè)備的支持不是太好等

實例化ajax
//實例化對象 var xmlhttp=null; if(window.XMLHttpRequest) {xmlhttp=new XMLHttpRequest(); }else{xmlhttp=ActiveXObject("Mircrosoft.XMLHTTP"); //瀏覽器是否支持 XMLHttpRequest 對象 }

//向服務(wù)器發(fā)送請求

xmlhttp.open("請求的類型get或post","文件在的服務(wù)器上位置","true異步或false同步");
xmlhttp.send();//將請求發(fā)送到服務(wù)器上

setRequestHeader("頭名稱","規(guī)定頭的值");

//服務(wù)器響應(yīng)
responseText(); //獲取字符串形式的響應(yīng)數(shù)序
responseXML(); //獲取XML形式的響應(yīng)數(shù)據(jù)

onreadystatechange事件
//當(dāng)請求發(fā)送到服務(wù)器的時候，我們需要執(zhí)行

XMLHttpRequest的三個重要屬性
onreadystatechange 存儲函數(shù)，每當(dāng)readyState屬性改變時，就會調(diào)用該函數(shù)
readystate XMLHttpRequest的狀態(tài)
0為請求未初始化
1服務(wù)器連接已建立
2 請求已接收
3 請求處理中
4 請求已完成,且響應(yīng)已就緒

status 200 “OK” 404 未找到頁面

xmlhttp.onreadystatechange=function(){if (xmlhttp.readyState==4 && xmlhttp.status==200){document.getElementById("myDiv").innerHTML=xmlhttp.responseText;}}

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Examples</title> <meta name="description" content=""> <meta name="keywords" content=""> <link href="" rel="stylesheet"> </head> <body><form entype="multipart/form-data" name="aax"><table border="0" width="300"><tr><td>名稱</td><td><input type="text" name=name /></td></tr><tr><td>類型</td><td><select name="s"><option value="1">服裝</option><option value="2">視頻</option><option value="3">汽車</option></select></td></tr><tr><td align="right">單價：</td><td><input type="text" name="price"/></td></tr><tr><td align="right">庫存：</td><td><input type="text" name="total"/></td></tr><tr><td align="right">圖片：</td><td><input type="file" name="pic"/></td></tr><tr><td align="right" valign="top">描述：</td><td><textarea rows="5" cols="20" name="note"></textarea></td></tr><tr><td colspan="2" align="center"><input type="submit" οnclick="ajax();" value="添加"/>???<input type="reset" value="重置"/></td></tr></table></form><script>

function ajax()
{
var f=document.aax;
var name=f.name.value;
var typeid=f.s.value;
var pic=f.pic.value;
var price=f.price.value;
var note=f.note.value;

var xmlhttp=null;
if(window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}else{

xmlhttp=ActiveXObject("Microsoft.XMLHTTP");
}
var lian="name="+name+"&typeid="+typeid+"&pic="+pic+"&price="+price+"&note="+note;
$xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
xmlhttp.open("get","addcas.php",true);
xmlhttp.send(null);
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4 && xmlhttp.status==200)
{

document.getElementById("sed").innerHTML=$xmlhttp.responeseText;
}
};

}

</script> </body> </html>

轉(zhuǎn)載于:https://www.cnblogs.com/mengluo/p/5524742.html

《新程序員》：云原生和全面數(shù)字化實踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的PHP和ajax详解的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。