• angular Jsonp的坑


      angular 为了解决跨域问题 一些第三方接口会提供jsonp来调用,需要使用callback=JSON_CALLBACK来处理 

      这个时候问题来了,有些借口是不支持callback里面带有点语法的,最典型的就是豆瓣了,而callback=JSON_CALLBACK 会被 angular转换成 callback = angular.callbacks._[id]这种形式,

      这个时候就会报错了,因为返回的是json格式而不是jsonp格式。为了解决这类问题最简单的方法肯定是重定义方法名,我在这里就是采用这种方法的,但是我们应该怎么改名字呢?答案就是在http拦截器里面,详情看代码。  

    https://api.douban.com/v2/book/isbn/' + isbn + "/reviews?callback=JSON_CALLBACK"
      .factory("httpInterceptor", ["App", "$rootScope", '$injector','$timeout', function (App, $rootScope, $injector,$timeout) {return {
                request: function (config) {
                    if (config.method === 'JSONP') {
                        console.log(config);
                        var callbackId = angular.callbacks.counter.toString(36);
                        config.callbackName = 'angular_callbacks_' + callbackId;
                        config.url = config.url.replace('JSON_CALLBACK', config.callbackName);
    
                        $timeout(function () {
                            window[config.callbackName] = angular.callbacks['_' + callbackId];
                        }, 0, false);
                    }
                    if (!config.isLoading) {
                        count++;
                        $rootScope.$broadcast('loading:show')
                    }
                    return config || App.q.when(config);
                },
                requestError: function (rejection) {               return App.q.reject(rejection)
                },
                response: function (response) {
                   return response || App.q.when(response);
                },
                responseError: function (rejection) {// do something on response error
                    return App.q.reject(rejection);
                }
            }
        }])

      就是以上代码进行方法名更改了。

      以上思路来源于 http://stackoverflow.com/questions/25400891/how-to-custom-set-angularjs-jsonp-callback-name

  • 相关阅读:
    UVA12125 March of the Penguins (最大流+拆点)
    UVA 1317 Concert Hall Scheduling(最小费用最大流)
    UVA10249 The Grand Dinner(最大流)
    UVA1349 Optimal Bus Route Design(KM最佳完美匹配)
    UVA1212 Duopoly(最大流最小割)
    UVA1395 Slim Span(kruskal)
    UVA1045 The Great Wall Game(二分图最佳匹配)
    UVA12168 Cat vs. Dog( 二分图最大独立集)
    hdu3488Tour(KM最佳完美匹配)
    UVA1345 Jamie's Contact Groups(最大流+二分)
  • 原文地址:https://www.cnblogs.com/HeJason/p/5604835.html
Copyright © 2020-2023  润新知