前端學習之-Ajax

什麼是AJAX:翻譯成中文就是「異步Javascript和XML」。AJAX具備的特色:異步,              瀏覽器頁面局部刷新.AJAX的優缺點:優勢：        AJAX使用Javascript技術向服務器發送異步請求；        AJAX無須刷新整個頁面；        由於服務器響應內容再也不是整個頁面，而是頁面中的局部，因此AJAX性能高；缺點：        AJAX並不適合全部場景，不少時候仍是要使用同步交互；        AJAX雖然提升了用戶體驗，但無形中向服務器發送的請求次數增多了，致使服務器壓力增大；        由於AJAX是在瀏覽器中使用Javascript技術完成的，因此還須要處理瀏覽器兼容性問題；AJAX技術:四步操做：建立核心對象；使用核心對象打開與服務器的鏈接；發送請求註冊監聽，監聽服務器響應。XMLHTTPRequest:open(請求方式, URL, 是否異步)send(請求體)onreadystatechange，指定監聽函數，它會在xmlHttp對象的狀態發生變化時被調用readyState，當前xmlHttp對象的狀態，其中4狀態表示服務器響應結束status：服務器響應的狀態碼，只有服務器響應結束時纔有這個東東，200表示響應成功；responseText：獲取服務器的響應體.< 1 >  $.ajax的兩種寫法：$.ajax("url", {})$.ajax({})< 2 >  $.ajax的基本使用$.ajax({    url: "//",    data: {a: 1, b: 2},    type: "GET",    success: function(){}})< 3 > 回調函數$.ajax('/user/allusers', {    success: function(data) {    console.log(arguments);},error: function(jqXHR, textStatus, err){// jqXHR: jQuery加強的xhr// textStatus: 請求完成狀態// err: 底層經過throw拋出的異常對象，值與錯誤類型有關console.log(arguments);},complete: function(jqXHR, textStatus){// jqXHR: jQuery加強的xhr// textStatus: 請求完成狀態success | errorconsole.log('statusCode: %d, statusText: %s', jqXHR.status, jqXHR.statusText);console.log('textStatus: %s', textStatus);},statusCode: {    '403': function(jqXHR, textStatus, err) {    console.log(arguments); // 注意：後端模擬errror方式：HttpResponse.status_code = 500},'400': function(){}}});