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基礎知識,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!