如何自定义设置angularjs jsonp回调名称?

时间:2014-08-20 09:11:56

标签: angularjs jsonp

我必须通过angularjs从某个网站获取json数据。我已根据以下链接正确完成了所有事情。

我的问题是api不允许callback参数包含除字母,数字和_之外的任何字符。而且,由于角度替换JSON_CALLBACK类似于' angular.callbacks._0',因此不允许使用它。

如何为angularjs自定义此值?

parsing JSONP $http.jsonp() response in angular.js

感谢

1 个答案:

答案 0 :(得分:11)

回调名称在此处httpBackend.js#L55是硬编码的,因此您无法对其进行配置。

但是,您可以编写一个HTTP拦截器来解决它:

.factory('jsonpInterceptor', function($timeout, $window, $q) {
  return {
    'request': function(config) {
      if (config.method === 'JSONP') {
        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);
      }

      return config;
    },

    'response': function(response) {
      var config = response.config;
      if (config.method === 'JSONP') {
        delete $window[config.callbackName]; // cleanup
      }

      return response;
    },

    'responseError': function(rejection) {
      var config = rejection.config;
      if (config.method === 'JSONP') {
        delete $window[config.callbackName]; // cleanup
      }

      return $q.reject(rejection);
    }
  };
})

示例Plunker: http://plnkr.co/edit/S5K46izpIxHat3gLqvu7?p=preview

希望这有帮助。

相关问题