AJAX学习

1.AJAX介绍

Ajax全称是Asynchronous Javascript And XML”（异步的JavaScript和XML），是指一种创建交互式网页应用的网页开发技术，用于浏览器和服务器之间进行数据交互。AJAX描述了一种主要使用脚本操作HTTP的Web应用架构，AJAX应用的主要特点是使用脚本操纵HTTP和Web服务器进行数据交换，不会导致页面重载。

 注意：AJAX是一种独立于Web服务器软件的浏览器技术，不是新的编程语言

2.XMLHttpRequest的使用

XMLHttpRequest的使用分为几个步骤，具体步骤如下

1.创建XMLHttpRequest对象

var request = new XMLHttpRequest();

2.使用open方法设置和服务器的交互信息

request.open();

传入的参数有

a.指定HTTP方法或动作，这个字符串不区分大小写，通常大家用大写字母来匹配HTTP协议。

取值可以为：GET/POST/HEAD/DELETE/OPTIONS/PUT；

b.URL,请求的主体，是相对于文档的URL。跨域请求会报错。

c.Boolean类型的值，如果值为false代表同步请求，send()方法将阻塞直到请求完成。如果这个参数是 true 或省略，请求是异步的。

request.open('get','https://api.muxiaoguo.cn/api/lishijr?api_key=0b0c3893a95d6987')

3.设置requestHeader();

在AJAX中，如果需要像 HTML 表单那样 POST 数据，需要使用 setRequestHeader() 方法来添加 HTTP 头。然后在 send() 方法中规定需要希望发送的数据：setRequestHeader()方法需要在open()和send()方法之间调用。

语法格式如下

request.setRequestHeader(属性名称, 属性值);

 常用的格式数据

发送json格式数据

request.setRequestHeader('Content-type', 'application/json; charset=utf-8');

发送表单数据

request.setRequestHeader('Content-type', 'application/x-www-form-urlencoded; charset=utf-8');

4.设置发送的数据，开始和服务器端交互

request.open()</