原生 JavaScript 发送 Ajax 请求

赵春朋发布于2019-08-26 13:41 / 2528人阅读

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请求

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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