用原生js的方式发起网络请求
用原生js发起网络请求:
成都创新互联专注于鄞州企业网站建设,响应式网站建设,成都做商城网站。鄞州网站建设公司,为鄞州等地区提供建站服务。全流程定制开发,专业设计,全程项目跟踪,成都创新互联专业和态度为您提供的服务
首先要明确的是,什么是XMLHttpRequest?
(XMLHttpRequest
)简称xhr,是浏览器提供的javascript对象,我们可以通过与这个对象,请求服务器上面的数据资源,不管是jQuery的Ajax函数还是别的框架,都是基于xhr,进行封装出来的;
使用xhr发起GET请求
1.创建xhr对象;
2.调用xhr.open()函数;
3.调用xhr.send()函数;
4.监听xhr.onreadystatechange事件;
1 // 创建XHR对象
2 var xhr = new XMLHttpRequest();
3 // 调用open函数
4 xhr.open("GET",
5 "http://www.liulongbin.top:3006/api/getbooks")
6 // 调用send函数,发起请求
7 xhr.send()
8 // 监听onreadystatechange事件
9 xhr.onreadystatechange = function () {
10 //判断服务器返回的状态信息是否全等于4且http响应状态码是否等于200;
11 if (xhr.readyState === 4 && xhr.status === 200) {
12 //打印JSON字符串形式的服务器响应数据;
13 console.log(xhr.responseText);
14 //检测数据类型返回string
15 console.log(typeof xhr.responseText);
16 }
17 }
网站名称:用原生js的方式发起网络请求
网站网址:http://scyanting.com/article/dsopoep.html