用原生js的方式发起网络请求-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

用原生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://kswsj.cn/article/dsopoep.html

其他资讯