-----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");
}