vue-resource如何发送JSONP请求

分手后的思念是犯贱 2021-06-24 16:10 460阅读 0赞

JSONP是利用Javascript可以跨域的特性从服务端请求数据的，即在跨域的情况下才有必要使用JSONP来发送请求。vue-resource提供了三种调用方式。

## 1.全局方法 ##

Vue.http({
      url:'http://example.com/books',
      //参数部分，将会拼接在url后面
      params:{
        cat:1
      },
      method:'JSONP'
    }).then(function(response){
      //response.data为服务端返回的数据
      console.log(response.data)
    }).catch(function(response){
      //出错处理
      console.log(response)
    })

## 2.实例底层方法 ##

this.$http({
      url:'http://example.com/books',
      //参数部分，将会拼接在url后面
      params:{
        cat:1
      },
      method:'JSONP'
    }).then(function(response){
      //this指向当前组件实例
      console.log(this)
    }).catch(function(response){
      //出错处理
      console.log(response)
    })

## 3.实例便捷方法 ##

this.$http.jsonp(
      'http://example.com/books',
      //参数部分，将会拼接在url后面
      {
        cat:1
      }
    ).then(function(response){
      //this指向当前组件实例
      console.log(this)
    }).catch(function(response){
      //出错处理
      console.log(response)
    })

发表评论取消回复

表情：

评论列表（有 0 条评论，460人围观）

还没有评论，来说两句吧...

相关阅读

相关如何防止重复发送ajax请求

　　先来说说重复发送ajax请求带来的问题 - 场景一：用户快速点击按钮，多次相同的请求打到服务器，给服务器造成压力。如果碰到提交表单操作，而且恰好后端没有做兼容处理，那么可能

川长思鸟来/ 2023年09月25日 12:09/ 0 赞/ 68 阅读

相关 OkHttp –如何发送HTTP请求

![OkHttp徽标][OkHttp]![OkHttp徽标][OkHttp] 本文向您展示如何使用[OkHttp][OkHttp 1]库发送HTTP GET / POST请求

r囧r小猫/ 2023年02月15日 05:14/ 0 赞/ 15 阅读

相关如何使用 postman 发送 token 请求

话不多说，上图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG

r囧r小猫/ 2022年12月03日 05:18/ 0 赞/ 264 阅读

相关 JsonP跨域请求

我们在通过自己的页面或程序通过ajax请求其它网站或服务时，会存在一个ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是

Love The Way You Lie/ 2022年09月24日 14:28/ 0 赞/ 341 阅读

相关封装jsonp跨域请求

(function(window,document,undefined){ // url = http://ssss?dsf=sdfs&

以你之姓@/ 2022年06月11日 03:52/ 0 赞/ 274 阅读

相关 GET请求jsonp示例

众所周知GET请求可以用jsonp的方式解决跨域问题，下面会给出一个jsonp请求的示例。 1.后台接口 @Path("getscene") @MClie

淩亂°似流年/ 2022年06月09日 03:44/ 0 赞/ 260 阅读

相关 JSONP跨域请求

第一次听说JSONP跨域请求还是去年刚入职实习的时候，也借那个机会在网上好好了解了下用法，但是对于其如何实现还是不太明白。昨天一同事问我当时对JSONP的使用情况，突然发现一年

矫情吗；*/ 2022年06月03日 08:00/ 0 赞/ 315 阅读

相关跨域请求(jsonp,请求头)

1、简单方式1(jq) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

系统管理员/ 2022年06月03日 00:20/ 0 赞/ 347 阅读

相关用AJAX发送JSONP请求解决跨域资源访问

intro 为解决跨域，引入`JSONP`(JSON with Padding)。 API jQuery的静态方法[$.ajax(url, ?settings)]

r囧r小猫/ 2022年04月24日 09:34/ 0 赞/ 488 阅读

相关 vue-resource如何发送JSONP请求

JSONP是利用Javascript可以跨域的特性从服务端请求数据的，即在跨域的情况下才有必要使用JSONP来发送请求。vue-resource提供了三种调用方式。 1.全

分手后的思念是犯贱/ 2021年06月24日 16:10/ 0 赞/ 461 阅读