1, 原生ajax-get请求
function ajax_get(){
var xhr = new XMLHttpRequest()
xhr.open("get", "http://192.168.208.117:5000/login?account=a&password=b")
xhr.send()
xhr.onreadystatechange = function(){
if(xhr.readyState == 4){
console.log(1, xhr.responseText)
}
}
}
ajax_get()
2, 原生ajax-post请求
function ajax_post(){
var xhr = new XMLHttpRequest()
xhr.open("post", "http://192.168.208.117:5000/login")
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
xhr.send("account=a&password=b")
xhr.onreadystatechange = function(){
if(xhr.readyState == 4){
console.log(2, JSON.parse(xhr.responseText))
}
}
}
ajax_post()
3, jquery封装的get请求
$.get("http://192.168.208.117:5000/login", {
account: 'a',
password: 'b'
}, data=>{
console.log(3, data)
})
4, jquery封装的post请求
$.post("http://192.168.208.117:5000/login", {
account: 'a',
password: 'b'
}, data=>{
console.log(4, data)
})
5, axios插件封装的get请求
axios.get("http://192.168.208.117:5000/login",{
params: { account: 'a', password: 'b'}
}).then(res=>{
console.log(5, res.data)
})
6, axios插件封装的post请求
axios.post("http://192.168.208.117:5000/login",'account=a&password=b').then(res=>{
console.log(6, res.data)
})
7, axios插件封装的post请求
axios({
method: "post",
url: "http://192.168.208.117:5000/login",
data: 'account=a&password=b'
}).then(res=>{
console.log(7, res.data)
})
8, fetch ES6新增的请求方式 , 默认get请求, 不建议使用fetch发post
fetch("http://192.168.208.117:5000/login?account=a&password=b").then(res=>{
res.json().then(data=>{
console.log(8, data)
})
})