使用AngularJS问题的多个Ajax调用

时间:2016-12-01 01:39:37

标签: angularjs ajax

我是AngularJS的新手。一个特殊的项目需要使用MVC,我选择角度来实现模板和无缝DOM插入的能力。

我正在加载本地配置文件以加载特定的API端点(由客户端创建),然后执行两次AJAX调用来填充对象。问题是第二个ajax调用是不起作用的。它显示了一个控制台错误,类似于您遇到CORS问题时所看到的但我知道通过REST客户端测试端点端点和参数是否正确(也使用常规JQuery ajax调用进行测试) 。我不想恢复到jQuery代码,并且更愿意使用angular来实现这一点。

这是我得到的错误:

XMLHttpRequest无法加载https://this/url/endpoint。预检的响应无效(重定向)

代码:

var object = {};

angular.module('myApp').controller('myController', function ($scope, $http) {

    $http.get('data.json').then(function (data) {

        var url1 = data.url;
        var httpMethod1 = data.http1;
        var url2 = data.url2;
        var httpMethod2 = data.http2;

        $http({
            method: httpMethod1,
            url: url1,
            headers: {"token": token},
            dataType: 'json'
        }).success(function (data, status, headers, config) {

            object.attr1 = data.att0;
            object.attr2 = data.att1;

        }).error(function (data, status, headers, config) {
            alert('failed');
        });
        //THIS ONE FAILS  
        $http({
            url: httpMethod2,
            type: url2,
            headers: {"token": token},
            data: { "value" : "value"}
            dataType: 'json',
        }).success(function (data, status, headers, config) {

            object.attr3 = data.att0;
            object.attr4 = data.att1;

        }).error(function (data, status, headers, config) {
            alert('failed');
        });
    });
});

0 个答案:

没有答案