Ajax的作用:
我们在客户端应用的时候,并不能随意请求服务端的数据,只有几种仅有的方式去请求数据,但是在用户使用的过程中,我们必须经常请求数据,而有了Ajax之后,我们可以通过js控制,随时请求服务器数据,进行网络编程。
Ajax快速上手:
直接在HTML文件中的script标签中写代码:
1. 新建一个代理请求对象:
var xhr = new XMLHttpRequest();
2.给这个代理人指定请求方式和请求地址:
xhr.open('GET' , 'http://服务器上面请求页面的地址');
3.开始请求
xhr.send();
4.因为可能请求内容很多,js代码是单线执行,不可能等待请求,所以Ajax是一个通知形式来告诉是否拿到内容
xhr.onreadystatechange = function(){
console(this.readyState);
}
输出结果是:1,2,3,4
代表的是几种状态的改变
5.如何拿到数据?
我们只有在响应对应的状态拿到对应的值,或者等响应完成之后拿到值
获取响应头:
xhr.getAllResponseHeaders();//获取所有的响应头信息,是一个字符串
xhr.getResponseHeaders('响应头中对应的键');
获取响应体:
xhr.responseText();//获取响应体中的信息,也就是服务器返还给页面的信息
事例:不考虑兼容性最简单获取响应体信息的代码:
设置请求报文的方式:
1.设置请求行
xhr.open('post','请求路径');
2.设置请求头
xhr.setRequestHeader('Foo','bar');
3.设置请求体
xhr.setRequestHeader('Content-Type','application/对应的数据格式');
xhr.send('数据的格式');