vue中如何发送ajax请求-创新互联

  
  
  
  
  


  
    发送AJAX请求

    GET方式发送AJAX请求

  

  
  
  
  
  


  
    发送AJAX请求

    GET方式发送AJAX请求

  

上面我们所介绍的vue发送ajax请求都是在同一域名下进行的也就是同域或者说是同源

那么vue如何发送跨域的ajax请求呢？

vue发送跨域ajax请求

1、须知：axios本身并不支持发送跨域的请求，没有提供相应的API，作者也暂没计划在axios添加支持发送跨域请求，所以只能使用第三方库

2、使用vue-resource发送跨域请求

3、 安装vue-resource并引入 

npm info vue-resource           #查看vue-resource 版本信息

cnpm install vue-resource -S #等同于cnpm install vue-resource -save

4、基本使用方法（使用this.$http发送请求）

this.$http.get(url, [options])

this.$http.head(url, [options])

this.$http.delete(url, [options])

this.$http.jsonp(url, [options])

this.$http.post(url, [body], [options])

this.$http.put(url, [body], [options])

this.$http.patch(url, [body], [options])

下面再来看两个实例

向360搜索发送数据

  
  
  
  
  
  
  




  {{name}}

  sendJSONP