一个完整的xhr请求
来源:互联网 发布:淘宝网伟邦碎砖伸缩棍 编辑:程序博客网 时间:2024/06/01 07:49
以下是创建 XHR 对象的完整代码,告诉该对象要请求什么信息,设置成功或错误处理程序,然后实际地发送请求:
function handleSuccess () { console.log( this.responseText ); // the HTML of https://unsplash.com/}function handleError () { console.log( 'An error occurred \uD83D\uDE1E' );}const asyncRequestObject = new XMLHttpRequest();asyncRequestObject.open('GET', 'https://unsplash.com');asyncRequestObject.onload = handleSuccess;asyncRequestObject.onerror = handleError;asyncRequestObject.send();
API 和 JSON
可以获得网站的 HTML,但是可能不太实用。它返回的数据格式难以解析。如果我们希望获得的数据是能轻松解析的数据结构,那就很棒了。如果你觉得 JSON 很不错,那么你猜对了!
我们创建一个从 Unsplash 的 API 中获取图片并从《纽约时报》上获取相关文章的应用,而不是请求 Unsplash 的基础 URL。
在向 API 发出请求并返回 JSON 时,我们只需将该 JSON 响应转换为 JavaScript 对象。为此,我们可以使用 JSON.parse();
。我们修改下 onload 函数以处理 JSON 响应:
function handleSuccess () {const data = JSON.parse( this.responseText ); // convert data from JSON to a JavaScript objectconsole.log( data );}asyncRequestObject.onload = handleSuccess;
阅读全文
0 0
- 一个完整的xhr请求
- XHR对象的get请求
- http一个完整的请求?
- 一个完整的ajax请求
- AJAX (XHR)异步请求的一些认识
- 一个完整的请求与响应过程
- 原生xhr请求
- xhr请求方式
- 一个完整的HTTP请求的七个步骤
- 面试--Tomcat+一个请求的完整过程(76)
- SpringMVC:处理一个http请求的完整过程
- xhr的浏览器差异
- winjs.xhr的认识
- Ten的XHR
- XHR的用法
- xhr的jQuery方法
- 一次完整的HTTP请求
- 一次完整的http请求
- Spring和Struts的全权委托整合
- 写在开头
- linux 编程 信号处理
- Apache mina 入门(三) —— 客户端同步通讯
- Linux 常用命令
- 一个完整的xhr请求
- Java
- L1-Ansible安装
- Yii2 多语言配置
- DB缓存
- java自定义注解
- 003
- 浅谈代码提高运行效率的问题
- springcloud Unable to start embedded Tomcat 问题