iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 10
0
自我挑戰組

我的月薪嬌妻:HTTP系列 第 10

Day10-不用馬上回應-XMLHttpRequest

H:「J先生,可以請妳當我男朋友嗎?」

「!」

「我和妳成為男女朋友!?」

H:「沒錯」

「是調節氣氛的奇怪玩笑嗎?」

H:「我是認真的,也並非胡思亂想,是根據實際情況分析的結果」

H:「和你交往的話,不需跟外界隱瞞而花費多餘的力氣」

H:「像現在心情穩定不下來,家裡的氣氛也很尷尬,我認為這是最適合的解決方法!」

「我完全搞不懂你的思考方式」

H:「無法接受的話那我收回這個請求」

H:「全憑你的自由意志!」

「自由意志」

我感到十分混亂,焦頭爛額,正要說出我的想法時...

H:「沒關係的,也不用現在立即給我回覆」

我想到了XMLHttpRequest這個玩意兒,本質上是種javascript的物件,有了它,我們可以完成部份更新,而不需要重新載入,在AJAX(Asynchronous JavaScript + XML)中被廣泛使用。

XMLHttpRequest可以使用send()送出同步與非同步請求,非同步請求會立即往下執行,等到請求資料完成才會執行callback;同步請求必須等到請求完成才會繼續往下執行。

var xhr = new XMLHttpRequest();
xhr.open("GET", "http://ithelp.ithome.com.tw/articles/10184764", true);
xhr.onload = function (e) {
  if (xhr.readyState === 4) {
  if (xhr.status === 200) {
  console.log(xhr.responseText);
  } else {
  console.error(xhr.statusText);
  }
  }};
xhr.onerror = function (e) {
  console.error(xhr.statusText);};
xhr.send(null);
console.log("=====");
console.log("aync");
console.log("=====");

上一篇
Day9-請求與回應內容的多樣性-Header:Content-Type
下一篇
Day11-小白合送的土耳其絨毯- Http Basic Authentication
系列文
我的月薪嬌妻:HTTP30

尚未有邦友留言

立即登入留言