使用XHR从服务器获取数据的基本操作

0x00前言

    使用xml技术可以实现从服务端获取个别数据来更新部分网页而不用加载整个页面。十分的方便与好用，接下来介绍一下xml的基本使用方法。

0x01步骤

    ①调用XMLHttpRequest()用的构造函数新建一个请求对象   例：

var request = new XMLHttpRequest();

    ②使用open（）方法指定HTTP request method以及url   例：

 

request.open('GET', url);

    ③然后使用responseType 属性设置返回数据类型   例：

request.responseType = 'text';

    ④网络请求是个异步操作，以同步的方式直接赋值会出错，可以通过onload事件处理器来处理事件，也就是收到返回的数据后再执行onload事件中的函数。例：

request.onload = function() {
  poemDisplay.textContent = request.response;
};

    ⑤ 使用send函数发送请求   例：

request.send();

0x02注意事项

    ①第三步并不是一定要设置的，系统默认返回数据类型为text，但是当要接受json等其它数据时一定得设置此项，因为这会省去麻烦的类型转换过程

    ②XHR目前有更好的方法替代，比如fetch，但XHR面世已久，兼容性十分好，实现的功能也很强大，如何取舍就看自己了

0x03示例

示例晚上放