?

一、JavaScript的ajax

//Ajaxvar xhr;if(window.XMLHttpRequest){ //除IE外的瀏覽器xhr = new XMLHttpRequest()}else{xhr = new ActiveXObject("Microsoft.XMLHTTP"); //IE}xhr.open('get','http://demo_get.asp',true); //三個參數，method，url，async；xhr.send();// responseText：作為響應主體被返回的文本。// responseXML：如果響應的內容類型是"text/xml"或"application/xml"，這個屬性中將保存包含著響應數據的XML DOM 文檔。// status：響應的HTTP 狀態。// statusText：HTTP 狀態的說明。if(xhr.status == 200){console.log(xhr.responseText)}else{console.log("Request was unsuccessful: " + xhr.status)}

　　

二、jquery的ajax

（一）最底層方法

$.ajax([settings]); $.ajax({ url: "test.html", context: document.body, success: function(){$(this).addClass("done");}});

　　

?

（二）第二層方法

1、load()方法，從服務器加載數據，并把返回的數據放入被選元素中。是局部方法,必須給定主體；

$(selector).load(URL,data,callback);

必需的 URL 參數規定您希望加載的 URL。

可選的 data 參數規定與請求一同發送的查詢字符串鍵/值對集合。發送方式默認為get,存在該參數時變為post；

可選的 callback 參數是 load() 方法完成后所執行的函數名稱。它包含三個參數：

　　——responseTxt - 包含調用成功時的結果內容、 statusTXT - 包含調用的狀態、 xhr - 包含 XMLHttpRequest 對象

?

2、get() 和 post() 方法用于通過 HTTP GET 或 POST 請求從服務器請求數據。是全局方法

$.get(URL,callback);

必需的 URL 參數規定您希望請求的 URL。

可選的 callback 參數是請求成功后所執行的函數名。

callback它有倆個參數:data回調參數存有被請求頁面的內容，status回調參數存有請求的狀態

1 function showUser(str){2 $.get('demo.php?q='+str,function(data, status){3 if(status=='error'){4 alert('失敗')5 }else{6 $('#txtHint').html(data); 7 } 8 9 }); 10 11 }

$.post(URL,data,callback);

必需的 URL 參數規定您希望請求的 URL。

可選的 data 參數規定連同請求發送的數據。

可選的 callback 參數是請求成功后所執行的函數名。倆個參數同上；

1 function showUser(str){ 2 $.post('demo.php',{q:str},function(data, status){ 3 $('#txtHint').html(data); 4 }); 5 6 }

?

?

（三）第三層方法

1.$.getScript(url,success(response,status))

在頁面初次加載時就取得所有的JavaScript是沒有必要的；

url：將要請求的 URL 字符串。

success(response,status)：可選。規定請求成功后執行的回調函數。

額外的參數：

response?- 包含來自請求的結果數據

status?- 包含請求的狀態（"success", "notmodified", "error", "timeout" 或 "parsererror"）

2.$.getJson()

$.getJSON(url,data,success(data,status,xhr))

?

?

轉載于:https://www.cnblogs.com/yzg1/p/4451479.html

總結

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

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