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()</