當前位置：首頁 > 编程语言 > php >内容正文

php

PHP和ajax详解

發布時間：2025/5/22 php 42 豆豆

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

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

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

//向服務器發送請求

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

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

//服務器響應
responseText(); //獲取字符串形式的響應數序
responseXML(); //獲取XML形式的響應數據

onreadystatechange事件
//當請求發送到服務器的時候，我們需要執行

XMLHttpRequest的三個重要屬性
onreadystatechange 存儲函數，每當readyState屬性改變時，就會調用該函數
readystate XMLHttpRequest的狀態
0為請求未初始化
1服務器連接已建立
2 請求已接收
3 請求處理中
4 請求已完成,且響應已就緒

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>

轉載于:https://www.cnblogs.com/mengluo/p/5524742.html

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。