异步加载ajax

Posted by zjh on December 18, 2019

异步加载Ajax

原生ajax

//获取对象
var xhr = new XMLHttpResquest();
//设置请求行 Get请求的参数拼接在请求地址后面  
xhr.open("Get","/testGet?username=","true")
//设置请求头 GET请求可以不写,POST必须写
xhr.setResquestHeader("Content-type;application/x-www-form-urlencoded")
//设置回调函数
xhr.onload = function(){
     consloe.log(xhr.responseText);
}
//发送请求  Get请求留空或者Null  POST请求在里面拼接传输的数据
//xhr.send(null);
xhr.send("username=xxx&password=xxx")

jQuery的ajax

//jQuery.ajax()
$.ajax({
   url:    ,//请求路径
   type:   ,//请求方式
   async:true,//是否异步,默认为true
   data:{"username":"zjh"},//数据
   dataType:application/json,//数据类型
   //回调函数
   success:function(res){//成功
    
},error(error){//失败
    
}
});