精品熟女碰碰人人a久久,多姿,欧美欧美a v日韩中文字幕,日本福利片秋霞国产午夜,欧美成人禁片在线观看

• ajax原理
• promise封裝ajax
• jq ajax、axios、fetch的核心區別
• jquery ajax
• axios
• fetch
• 補充：為什么要用axios?
• 總結

/** 1. 創建ajax對象 **/
var xhr = window.xmlhttprequest?new xmlhttprequest():new activexobject('microsoft.xmlhttp');// 兼容ie6及以下版本
/** 2. 配置 ajax請求 **/
xhr.open('get', url, true)
/** 3. 發送請求 **/
xhr.send(null); // 嚴謹寫法
/** 4. 監聽請求，接受響應 **/
xhr.onreadystatechange = function(){
    if(xhr.readystate == 4){
        if(xhr.status == 200){
            success(xhr.responsetext);
        } else { 
            /** false **/
            fail && fail(xhr.status);
        }
    }
}

// promise 封裝實現：
function getjson(url) {
  // 創建一個 promise 對象
  let promise = new promise(function(resolve, reject) {
    let xhr = new xmlhttprequest();

    // 新建一個 http 請求
    xhr.open("get", url, true);

    // 設置狀態的監聽函數
    xhr.onreadystatechange = function() {
      if (this.readystate !== 4) return;

      // 當請求成功或失敗時，改變 promise 的狀態
      if (this.status === 200) {
        resolve(this.response);
      } else {
        reject(new error(this.statustext));
      }
    };

    // 設置錯誤監聽函數
    xhr.onerror = function() {
      reject(new error(this.statustext));
    };

    // 設置響應的數據類型
    xhr.responsetype = "json";

    // 設置請求頭信息
    xhr.setrequestheader("accept", "application/json");

    // 發送 http 請求
    xhr.send(null);
  });
  return promise;
}

// 用戶登錄 -> 登錄成功 -> 獲取用戶信息
/* 回調地獄 */
$.ajax({
    url: 'http://127.0.0.1:8888/user/login',
    method: 'post',
    data: qs.stringify({
        account: '18310612838',
        password: md5('1234567890')
    }),
    success(result) {
        if (result.code === 0) {
            // 登錄成功
            $.ajax({
                url: 'http://127.0.0.1:8888/user/list',
                method: 'get',
                success(result) {
                    console.log(result);
                }
            });
        }
    }
});

axios({
    method: 'post',
    url: '/user/login',
    data: {
        username: 'name',
        password: 'password'
    }
})
.then(function (response) {
    console.log(response);
})
.catch(function (error) {
    console.log(error);
});
// 或使用 async await
(async function () {
    let result1 = await axios.post('/user/login', {
        username: 'name',
        password: 'password'
    });
    let result2 = await axios.get('/user/list');
    console.log(result1, result2);
})(); 

try {
  let response = await fetch(url, options);
  let data = response.json();
  console.log(data);
} catch(e) {
  console.log("oops, error", e);
}

(async function () {
    let result = await fetch('http://127.0.0.1:8888/user/login', {
        method: 'post',
        headers: {
            'content-type': 'application/x-www-form-urlencoded'
        },
        body: qs.stringify({
            name: 'name',
            password: 'password'
        })
    })
    let data = result.json();
    console.log(data)
?
    let result2 = await fetch('http://127.0.0.1:8888/user/list').then(response => {
        return response.json();
    });
    console.log(result2);
})();