原生 JavaScript 發送 Ajax 請求

趙春朋發布于2019-08-26 13:41 / 2534人閱讀

Ajax

Asynchronous JavaScript + XML

作用

實現頁面的部分更新

寫法

var r = new XMLHttpRequest()
r.open(method, path)
r.onreadystatechange = function() {
  if (r.readyState == 4) {
    r.setRequestHeader("Content-Type", "application/json")
    console.log("響應", r)
  }
}
r.send(data)

用法

訪問 https://weatherapi.market.xia... 運行下面代碼

var path = "https://weatherapi.market.xiaomi.com/wtr-v3/weather/all?latitude=110&longitude=112&isLocated=true&locationKey=weathercn%3A101010100&days=15&appKey=weather20151024&sign=zUFJoAR2ZVrDy1vF3D07&romVersion=7.2.16&appVersion=87&alpha=false&isGlobal=false&device=cancro&modDevice=&locale=zh_cn"
var r = new XMLHttpRequest()
r.open("GET", path, true)
r.onreadystatechange = function() {
  if (r.readyState == 4) {
    var string =  r.responseText
    console.log("響應", JSON.parse(string))
  }
}
r.send()

云服務器 GPU云服務器發送ajax請求 Ajax發送請求 Ajax發送接收請求 jquery發送ajax請求

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/109332.html

原生JavaScript實現AJAX、JSONP

摘要：在這里講解一下用原生如何實現。當然，前面也說過，你可以給定固定回調函數名最后我已經將和請求合并在一起了，下載鏈接原文鏈接原生實現如有問題，歡迎在下方留言相信大多數前端開發者在需要與后端進行數據交互時，為了方便快捷，都會選擇JQuery中封裝的AJAX方法，但是有些時候，我們只需要JQuery的AJAX請求方法，而其他的功能用到的很少，這顯然是沒必要的。其實，原生JavaScript...

xcc3641 2019-08-20 14:06 評論0 收藏0
原生JS與jQuery對AJAX的實現

摘要：原生與對的實現一定義里這么解釋異步的和。二原生實現所有現代瀏覽器以及均內建對象。一般是正常未找到頁面，一般是錯誤，或者后臺沒有創建相應的內部服務錯誤，多為后臺錯誤。基本上通過發送的數據及傳回的數據就能定位問題所在了。原生JS與jQuery對AJAX的實現一、定義 W3C里這么解釋AJAX： AJAX = Asynchronous JavaScript and XML（異步的 Jav...

Chaz 2019-08-21 10:37 評論0 收藏0
深入淺出Ajax

摘要：在接收響應期間持續不斷地觸發。在請求發生錯誤時觸發。在通信完成或者觸發或事件后觸發。已經接收到部分響應數據。基于標準被廣泛支持。破壞程序的異常處理機制。原文（我的GitHub）：https://github.com/liangfengbo/frontend-ability/issues/1 學習大綱理解Ajax的工作原理 Ajax核心-XMLHttpRequest對象封裝Aja...

megatron 2019-08-22 18:39 評論0 收藏0
JavaScript原生Ajax

摘要：請求終止時會調用事件處理程序，此時為，這就會調用事件。強行讓對象將響應作為處理。在請求發生錯誤時觸發。最終，實現中引入了事件，用以替代事件。事件事件會在瀏覽器接收新數據期間周期性地觸發。 Ajax請求一、創建XHR 1、在IE7及其更高的版本中： var xhr = new XMLHttpRequst(); 2、在IE7之前的的版本中使用createXHR函數根據IE中可用的MSXM...

JessYanCoding 2019-08-23 10:37 評論0 收藏0