js基础

Ajax的两种写法

Ajax:(Asynchronous Javascript And XML)

简称为异步的js和xml

Js中有两种写法：原生Js和JQuery

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
//原生js写法
function show(){
var xhr=new XMLHttpRequest();
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){
var result=xhr.responseText;
alert(result);
}	
}
xhr.open('get','demo/login',true);
xhr.send();
}
//jquery封装后的写法
//第一种写法
$("#btn").click(()=>{
$.ajax({
type:"GET",
url:"demo/login",
data:"uname=hansu",
success:(data)=>{alert(data);}
});
//第二种写法
$.get("demo/login",{uname:'hansu'},(data,status)=>{alert(data+":"+status);});
})

</script>