前端之家收集整理的这篇文章主要介绍了
Vue-resource实现ajax请求和跨域请求示例，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
vue-resource是Vue提供的体格http请求插件，如同jQuery里的$.ajax，用来和后端交互数据的。
在使用时，首先需要安装vue-resource插件
1.在项目跟目录上安装：
2.引入resource插件
3.发送请求：
PHP").then(function(res){
console.log(res)
})
ES6写法：
{
// 处理成功的结果},(res) => { // 处理失败的结果});
在发送请求后，使用then方法来处理响应结果，then方法有两个参数，第一个参数是响应成功时的回调函数，第二个参数是响应失败时的回调函数。
then方法的回调函数也有两种写法，第一种是传统的函数写法，第二种是更为简洁的ES 6的Lambda写法：
POST请求：
PHP",{name:"abc"},{emulateJSON:true}).then(
function (res) {
// 处理成功的结果
alert(res.body);
},function (res) {
// 处理失败的结果
}
);
JSONP请求：
吐槽一下，现在应该没有用到JSON的了吧，有的话真呵呵呵了。
vue-resource的请求API是按照REST风格设计的，它提供了7种请求API：
- get(url,[options])
- head(url,[options])
- delete(url,[options])
- jsonp(url,[options])
- post(url,[body],[options])
- put(url,[options])
- patch(url,[options])
除了jsonp以外，另外6种的API名称是标准的HTTP方法。当服务端使用REST API时，客户端的编码风格和服务端的编码风格近乎一致，这可以减少前端和后端开发人员的沟通成本。
客户端请求方法
| 服务端处理方法 |
options对象
发送请求时的options选项对象包含以下属性：
|
|
|
方法，例如：'GET','POST'或其他HTTP方法函数，类似于jQuery的beforeSend函数函数
emulateHTTP的作用
如果Web服务器无法处理PUT,PATCH和DELETE这种REST风格的请求，你可以启用enulateHTTP现象。启用该选项后，请求会以普通的POST方法发出，并且HTTP头信息的X-HTTP-Method-Override属性会设置为实际的HTTP方法。
emulateJSON的作用
如果Web服务器无法处理编码为application/json的请求，你可以启用emulateJSON选项。启用该选项后，请求会以application/x-www-form-urlencoded作为MIME type，就像普通的HTML表单一样。
response对象
response对象包含以下属性：
方法
| 类型 |
描述 |
属性属性为true
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。
原文链接：https://www.f2er.com/ajax/41347.html
