Ajax的使用方式

1.Ajax的原生写法

//	1)创建代理对象
var xhttp;
if (window.XMLHttpRequest) {
    xhttp = new XMLHttpRequest();
    } else {
    // code for IE6, IE5
     xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}

//2)建立连接
xhttp.open("提交方式","url","boolean变量 是否异步,默认true") ;

//3)发送请求
xhttp.send() ;//get请求	post请求:在请求之前,设置请求头"Content-type","application/x-www-form-urlencoded" 发送的参数send(string:key=value&key2=value2..)

//4)等待响应
xhttp.onreadyStateChange=function(){
    if(this.readyState == 4 && this.status=200){
        //获取响应的数据
       var content =  this.responseText ;
       //完成业务
    }
}

2.Jquery的Ajax写法

导入Jquery的jar包

2.1 方式一

$.ajax({
    url: "请求的接口地址",	//将get请求url?key=value....
    type: "请求方式:默认get",
    data: "请求的参数:支持json",
    success:function(data){ 
    },
    error:function(data){   
    },
    dataType:"服务器响应过来的数据格式: 支持 json/text/xml/html..."
}) ;

2.2 方式二

$.get("url","提交方式","data",function(data){
    
},"json/text/html/xml....")

2.3方式三

$.post("url","提交方式","data",function(data){
    
},"json/text/html/xml....")