DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> HTTP報文及ajax基礎知識
HTTP報文及ajax基礎知識
編輯:AJAX基礎知識     

HTTP報文

客戶端傳遞給服務器的內容 和 服務器傳遞給客戶端的內容 都屬於HTTP報文

  起始行:請求起始行  響應起始行

  首部:請求首部 響應首部 通用首部(請求和響應都有的) 自定義首部

  主體:請求主體  響應主體

客戶端傳遞給服務器端數據:

  請求URL後面問號傳參的方式傳遞給服務器  /getList?name=zhangsan&age=7

  設置請求的首部(設置請求頭信息)

  設置請求主體,把傳遞給服務器的內容放在請求主體中傳遞給服務器

服務器端傳遞給客戶端數據:

  設置響應頭信息

  設置響應主體內容

Ajax : async javascript and xml 異步的JS和XML(可擴展的標記語言,在XML文件中使用的標簽都是自己擴展的,利用自己擴展的有規則的標記來存儲相關的數據)

  Ajax是客戶端JS中的方法,用來向服務端發送請求(還可以傳遞給服務器端數據),然後把服務器端返回的內容獲取到(Ajax一般是運行在客戶端的浏覽器中的)。

Ajax四步:

創建一個Ajax對象(下面的這種寫法在IE6及更低版本的浏覽器中不支持)

var xhr = new XMLHttpRequest;

發送前的基本信息配置:配置請求方式(GET、POST、PUT、DELETE、HEAD...)

打開一個URL地址(配置向哪一個服務器地址發送請求)

同步還是異步(true代表異步 false代表同步 默認是true)

[username]向服務器提供請求的用戶名

[userpass]向服務器提供請求的用戶密碼,這兩個值一般都不寫,只有服務器做了安全的限制,只允許特定的用戶訪問的話,我們才傳遞過去

xhr.open('get',"/data.txt",false,[username],[userpass]);

給onreadystatechange這個事件綁定一個方法,監聽狀態的改變(只要狀態改變,就觸發方法執行)

xhr.onreadystatechange = function(){

  xhr.readyState:AJAX狀態碼,可以代表當前處理的進度

  0 unset 當前的請求還沒有發送

  1 opened URL地址已經打開(發送前的參數配置已經完成)

  2 headers_received 響應頭信息已經接受

  3 loading 主要返回的內容正在服務器端進行准備處理

  4 done 響應主體的內容已經成功返回給客戶端

  xhr.status:HTTP網絡狀態碼,描述了服務器響應內容的狀態

  200 OR ^2\d{2} (200或者以2開頭) -> 都代表響應主體的內容已經成功返回了

  301  永久重定向/永久轉移

  302 臨時重定向/臨時轉移 服務器的負載均衡

  304 本次獲取的內容是讀取緩存中的數據

  400 客戶端傳遞給服務器端的參數出現錯誤

  401 無權限訪問

  404 客戶端訪問的地址不存在

  500 未知的服務器錯誤

  503 服務器已經超負荷

  if(xhr.readyState===4 && /^2\d{2}$/.test(xhr.status)){
    var val = xhr.responseText;
  }
}

發送請求:參數是請求主體中傳遞給服務器的內容

xhr.send(null);

總結

以上所述是小編給大家介紹的HTTP報文及ajax基礎知識,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved