javascript原生的ajax请求

javascript原生的ajax请求

​​使用xhr发送GET请求​​

//js原生的ajax请求
//使用xhr发送GET请求

//    1、创建XHR对象
var xhr = new XMLHttpRequest();

//js原生的ajax请求
//使用xhr发送GET请求

//    1、创建XHR对象
var xhr = new XMLHttpRequest();
//    2、监听XHR对象的状态改变
xhr.onreadystatechange = function(){
    if(xhr.readyState === 4){
        if(xhr.status === 200){
            //处理相应请求的消息
             xhr.responseText
        }else{
            //响应完成但存在问题
        }
    }
}
//    3
xhr.open('GET','url地址',true);
//    4
xhr.send(null);

​​​使用xhr发送post请求​​​

//js原生的ajax请求
//使用xhr发送post请求

//    1、创建XHR对象
var xhr = new XMLHttpRequest();
//    2、监听XHR对象的状态改变
xhr.onreadystatechange = function(){
    if(xhr.readyState === 4){
        if(xhr.status === 200){
            //处理相应请求的消息
             xhr.responseText
        }else{
            //响应完成但存在问题
       }
    }
}
//    3
xhr.open('POST','url地址',true);
//    3.5
xhr.setRequestHeader(
'Content-Type',
'application/x-www-
dorm-urlencoded')
//    4
xhr.send('需要发送的值');

​​jquery的ajax请求$.ajax()​​

//jquery的ajax请求$.ajax();
$.ajax({

//jquery的ajax请求$.ajax();
$.ajax({
     url:'',                        
     //请求地址
    data:'',                        
     //请求数据
    contentType:'application/
     x-www-form-urlencoded',
     dataType:'text',               
     //text/html/script/xml/json/jsonp
    beforeSend:function(){},        
     //请求发送之前的回调函数
    success:function(){},           
     //请求成功的回调函数
    error:function(){},             
     //响应失败的回掉函数
    complete:function(){}           
     //响应完成，不论成败后的回调函数
})

我们这种平凡之人在面对胜负关键时，总需要找寻某种倚靠，但，在比赛中乃是孤独的，无法倚靠任何人，那么，该倚靠什么呢？我想，只有自己曾经努力过的事实。

《放学后》

​javascript艺术 ∣一个有用的公众号​

​长按，识别二维码，加关注​