iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 5
0

甚麼是http狀態碼?

當流覽者訪問一個網頁時,流覽者的流覽器會向網頁所在伺服器發出請求。當流覽器接收並顯示網頁前,此網頁所在的伺服器會返回一個包含HTTP狀態碼的資訊頭(server header)用以回應流覽器的請求。

sddd

打開chrome 瀏覽器的開發者工具 裡面
1.network
2.xhr
3.status

會看到讀取圖片 資料
satus 代表狀態 標號有代表很多意思 最主要要學到的是:

常見的HTTP狀態碼:

  • 200 - 請求成功
  • 301 - 資源(網頁等)被永久轉移到其它URL
  • 404 - 請求的資源(網頁等)不存在
  • 500 - 內部伺服器錯誤

有時候我們資料勞回來 就用這來看資料狀態

var xhr = new XMLHttpRequest();

xhr.open('get',url,true);
xhr.send(null);  
function ajax(url, success, fail){
    // 1. 創建連結
    var xhr = null;
    xhr = new XMLHttpRequest()
    // 2. 連結服务器
    xhr.open('get', url, true)
    // 3. 發送請求
    xhr.send(null);
    // 4. 接受請求
    xhr.onload= function(){
        console.log(xhr.responseText);
        if(xhr.status==200){
           var str = JSON.parse
           (xhr.responseText);
           document.querySelector
           ('.message').textContetn =str[0].name
        }else{
           console.log("資料錯誤");
        }   
  }      

利用http狀態碼 可以告訴我們 假設回傳是錯誤的資料,看一下狀態 來做進一步找bug

HTTP 狀態碼表明一個 HTTP 要求是否已經被完成。回應分為五種:資訊回應、成功回應、重定向、用戶端錯誤及伺服器端錯誤。

參考資料:https://blog.miniasp.com/post/2009/01/16/Web-developer-should-know-about-HTTP-Status-Code.aspx


上一篇
Day6-ajax異步請求
下一篇
Day8-什麼是CROS (Cross-Origin Resource Sharing)
系列文
從頭開始的API 和ajax9

尚未有邦友留言

立即登入留言