再看Ajax - 爱码网

再回顾Ajax相关的内容，再次梳理学习还是很有必要的，尤其是实际的开发中，ajax更是必不可少，仔细学习以便避免不必要的错误。

　　　　文章导读：

　　　　--1.使用XMLHttpRequest----------

　　　　　　1.1 必备知识点

　　　　　　1.2 send()方法

　　　　　　1.3 再看CORS

　　　　--2.HTTP请求和响应----------------

　　　　　　2.1 Request Header中的参数

　　　　　　2.2 Response Header中的参数

　　　　　　2.3 GET请求和POST请求的区别

　　　　--3.jQuery中的Ajax---------------

一、使用XMLHttpRequest

从Ajax的工作原理来看，它是一种可以使用脚本操纵HTTP和Web服务器进行数据交换并且不会导致页面重载的技术。Ajax的核心就是XMLHttpRequest对象。

var xhr = new XMLHttpRequest();

这样就实例化了一个XMLHttpRequest对象，每个xhr对象都表示一个独立的请求响应对，通过这个对象的属性和方法我们可以查看请求的细节和得到响应的数据。

1.1 必备知识点

下面举个梨子：

 1     function getText(url,callback){
 2           var xhr = new XMLHttpRequest();
 3           xhr.open('GET',url);
 4           xhr.onreadystatechange = function(){
 5             if(xhr.readyState === 4 && xhr.status === 200){
 6               var type = xhr.getResponseHeader('Content-Type');
 7               if(type.match(/^text/)){
 8                 callback(xhr.responseText);
 9               }
10             }
11           };
12           xhr.send(null);
13         }
14         function callback(obj){
15           console.log(obj);
16         }

View Code