ajax请求、promise、原生异步请求

-----jquery中的ajax----------------------------- $.ajax({ url:"",//地址 async:true,//是否异步 type:“POST”,//请求方式 data:{“name”:“lucy”,“age”:18},//请求参数 success:function(data){ alert(data.name); },//成功函数 error:function(){ alert(“请求失败”); }, dataType:“json”//返回数据类型 }); ------------------jquery中的ajax和promise---------- $.ajax({ method:“post”, url:"/xxx", data:“username=mtt&password=1”, dataType:‘json’, success:()=>{}//成功后的回调函数 error:()=>{}//失败后的回调函数 } ) =====如果使用jQuery.axja()发送请求,并使用promise,代码如下: let myButton = document.getElementById(‘myButton’);

function success(responseText){ console.log("成功") console.log(responseText);//responseTex } function fail(request){ console.log("失败") console.log(request); }

myButton.addEventListener(“click”,(e)=>{ //使用ajax KaTeX parse error: Expected '}', got '&' at position 78: …a:"username=mtt&̲password=1", ….ajax()返回一个promise }) -----------------原生的异步请求get------------------------ function fn1(){ //1、创建ajax引擎对象 ---- 所有的操作都是通过引擎对象 var xmlHttp = new XMLHttpRequest(); //2、绑定监听 ---- 监听服务器是否已经返回相应数据 xmlHttp.onreadystatechange = function(){ if(xmlHttp.readyState4&&xmlHttp.status200){ //5、接受相应数据 var res = xmlHttp.responseText; document.getElementById(“span1”).innerHTML = res; } } //3、绑定地址 xmlHttp.open(“GET”,"/WEB22/ajaxServlet?name=lisi",true); //4、发送请求 xmlHttp.send();

} ---------原生的-post-请求------------ function fn2(){ //1、创建ajax引擎对象 ---- 所有的操作都是通过引擎对象 var xmlHttp = new XMLHttpRequest(); //2、绑定监听 ---- 监听服务器是否已经返回相应数据 xmlHttp.onreadystatechange = function(){ if(xmlHttp.readyState==4&&xmlHttp.status==200){ //5、接受相应数据 var res = xmlHttp.responseText; document.getElementById("span2").innerHTML = res; } } //3、绑定地址 xmlHttp.open("POST","/WEB22/ajaxServlet",false); //4、发送请求 xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xmlHttp.send("name=wangwu");

}