1.原生AjaxGET获取
var ajax = new XMLHttpRequest();
ajax.open('get','路径');
ajax.send();
ajax.onreadystatechange = function () {
if (ajax.readyState==4 &&ajax.status==200) {
console.log(JSON.parse(ajax.responseText));
}
}
2.原生ajaxpost获取
var xhr = new XMLHttpRequest();
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xhr.open('post', '路径' );
xhr.send();
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(xhr.responseText);
}
};
3.fetch获取数据fetch获取
fetch('路径').then(i=>{
i.json().then(data=>{
console.log(data)
}).catch(error=>{
console.log('煮熟的鸟飞了')
})
}).catch(error=>{
console.log('刚开始就错了')
})
4.Jquery获取数据Jquery获取
$.ajax({
type: "POST",
url: "路径",
dataType: "json",
async:false,
success: function(result){
console.log(result)
},
error:function(err){
console.log('请求开始就失败了')
}
});
5.axios获取数据axios获取
this.$axios.get('路径').then(res=>{
})
6.PromisePromise获取
function axios(url){
return new Promise((resolve,reject)=>{
$.ajax({
url:url,
type:'get',
success:(data)=>{resolve({data})},
error:(error)=>{
reject({
status:400,
msg:'数据请求失败!!!'
})
}
})
})
};
axios('./list.json').then(i=>{
console.log(i)
})
7.分装分装
function ajax_method(url,data,method,success) {
var ajax = new XMLHttpRequest();
if (method=='get') {
if (data) {
url+='?';
url+=data;
}else{
}
ajax.open(method,url);
ajax.send();
}else{
ajax.open(method,url);
ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
if (data) {
ajax.send(data);
}else{
ajax.send();
}
}
ajax.onreadystatechange = function () {
if (ajax.readyState==4&&ajax.status==200) {
success(ajax.responseText);
}
}
}