浏览器中向服务端发送ajax请求,4种:
1. 使用原生的xhr对象——使用繁琐
function sendAjax(){
//1.创建异步对象(xhr)
var xhr=createXhr();
//2.绑定监听事件
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){
var result=xhr.responseText;
console.log(result);
}
}
//3.打开连接
xhr.open("get","url",true);
//4.发送请求
xhr.send(null);
}
2. 使用jQuery中的$.ajax()——大材小用
$.ajax({name:value, name:value, ... })
3. 旧版Vue中,Vue官方自带了Vue-resource组件,专门发送xhr请求。
this.$http.get(url,{params: {value}}).then(function(res){ document.write(res.body); },function(res){ console.log(res.status); });
4. axios,官方推荐的代替Vue-resource的,专门发送ajax请求的函数库
axios.get(url,{ params:{value}}).then(function(res){ }) //get
axios.post(url, Qs.stringify({ value
})).then(function(res){
}) //post
何时使用:只要在Vue中发送ajax请求,都用axios
如何使用: axios是一个单独的js文件,与平台无关,需要下载并引入axios.min.js文件,辅助下载并引入qs.min.js。