Ajax:即"Asynchronous JavaScript and XML"(異步JavaScript和XML),一門綜合性的技術:運用JavaScript對象XMLHttpRequest進行異步數據交換;JavaScript操作DOM實現動態效果;運用XHTML+CSS表達信息;XML和XSLT操作數據。此篇文章重點介紹使用XMLHttpRequest對象與服務器端進行異步數據交換。
使用方法
XMLHttpRequest五步使用法:
代碼如下:
1.創建對象;
2.注冊回調函數;
3.使用open方法設置和服務器交互的基本信息;
4.設置發送的數據,開始和服務器端交互;
5.實現回調函數。
由于每次應用XMLHttpRequest對象時,都要進行五步操作,因此,可將該對象的使用封裝為js文件中,傳遞部分參數使用其方法就可以完成相應功能,實現如下:
代碼如下:
//使用封裝方法人員只提供http的請求,url地址,數據,成功和失敗的回調的方法
//1.定義XMLHttpRequest對象的構造方法
var MyXMLHttpRequest =function(){
var xmlhttprequest;
if(window.XMLHttpRequest){
//IE7,IE8,FireFox,Mozillar,Safari,Opera
//alert("IE7,IE8,FireFox,Mozillar,Safari,Opera");
xmlhttprequest = new XMLHttpRequest();
//解決瀏覽器在服務器端響應由于沒有Text頭的時候可能無法工作的問題
if(xmlhttprequest.overrideMimeType){
xmlhttprequest.overrideMimeType("text/xml");
}
}else if(window.ActiveXObject){
//IE6,IE5.5,IE5
alert("IE6,IE5.5,IE5");
var activexName =["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
for (var n=0;n
擴展問題
1.瀏覽器緩存
2.中文亂碼
3.跨域訪問
對于問題1、問題3都可以通過更改url地址的方法得以解決。問題1可在url地址尾添加時間戳,問題3通過代理方式進行解決。只需在send()中的第三步執行前添加相應判斷即可:
代碼如下:
//解決緩存的轉換:增加時間戳
if(url.indexOf("?") >= 0 ){
url = url + "&t=" + (new Date())。valueOf();
} else {
url = url + "?t=" + (new Date())。valueOf();
}
//解決跨域的問題
新聞熱點
疑難解答
圖片精選