ajax入门基础

理论基础：
什么是ajax?
ajax是用来做数据交互使用的
原理：
通过XmlHttpRequest对象来向服务器发送异步请求的，从而从服务器中获得数据，然后用js来操作Dom来更新页面（简单来说：用于后台与服务器交换数据，这就能实现可以在不重新加载整个网页的情况下，对网页的部分进行更新）
ajax核心：
就是js对象XmlHttpRequest
特点：
异步加载，局部刷新
异步：一次一推，前一个没有完成，后一个也能开始
同步：一次一个，前一个没有完成，后一个不能开始
ajax的好处：
页面无刷新，在页面与服务器通信时，提高用户的体验…
注意：凡是涉及到ajax访问的，不能使用文件协议（以文件的方式访问）

原生js基础语法:

    //1、创建XmlHttpRequest对象--->用于与服务器交换-->相当于创建http请求的一个对象
	var xhr=new XMLHttpRequest();
    //2、请求的类型(get,post)，url地址，以及是否异步请求(布尔值) open(),默认异步 --》相当于与服务器建立一个特定端口的链接
    xhr.open("get","./test.txt");
    //3、请求发送到服务器,开始请求send()
    xhr.send();
    //4、等待响应-->因为不知道服务器什么时候才能返回我们需要的响应，要采用事件的机制去触发
    xhr.onreadystatechange=function () {
        console.log(this.readyState);//状态数值2，3，4
        //当响应已就绪
        if(this.readyState==4&&this.status==200){
            console.log(this.responseText);//打印出返回的数据
        }
    }

jquery中ajax语法：

$.ajax({
     url:"请求地址",
     type:"请求类型",
     data:"发送到服务器的数据"
   	 dataType:"要求服务器返回的数据类型"
	 async:是否异步，默认异步
     success:function(){
     	//请求成功执行
     },
     error:function(){
     	//请求失败执行
     }
});

load()方法：$(selector).load(url,data,callback);

//load() 方法从服务器加载数据，并把返回的数据放入被选元素中
 $("#div1").load("test.txt",function(responseTxt,statusTxt,xhr){
 
 	//responseTxt - 包含调用成功时的结果内容
	//statusTXT - 包含调用的状态
	//xhr - 包含 XMLHttpRequest 对象
	
    if(statusTxt=="success")
      console.log("加载成功");
    if(statusTxt=="error")
     console.log("加载失败");
  });

post()方法：$.post(url,data,callback);

//post方式从服务器加载数据
$.post("请求地址","发送到服务器的数据",function(data,status){
	//data响应数据
	//status响应状态
}):

get()方法：$.get(url,callback);

//get方式从服务器加载数据
$.get("请求地址",function(data,status){
	//data响应数据
	//status响应状态
}):