Сбой службы $ http со статусом -1 - PullRequest
0 голосов
/ 11 октября 2019

Не удается правильно использовать AngularJS при создании панелей jQuery и Adobe.

Мне нужно было обновить версии для AngularJS и jQuery для проекта. Старые версии были jquery-1.11.0.min.js и angularJS 1.2.10. А теперь я хотел бы использовать новейшие доступные версии angularJS 1.7.8 и jQuery 3.4.1. Обычно я использую все как здесь, но без какой-либо основы - https://medium.com/adobetech/how-to-create-your-first-adobe-panel-in-6-easy-steps-f8bd4ed5778

Но когда я использую новые версии, у меня очень часто бывает много ошибок, которые так необъяснимы. Главное, о чем я думаю, это то, что jQuery как-то конфликтует с angularJS. Вот мой код -

<script src="lib/js/jquery.js"></script>
<script src="lib/js/angular.js"></script>
<script src="lib/js/CSInterface.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>

<body ng-app="myApp" ng-controller="StartCtrl">
<div>
    <form name="modifyApp" class="form-signin" ng-submit="testMethod(vars)">
        <input type="text" placeholder="" class="" autocapitalize="off" id="token" ng-model="vars.token">
        <button class="button-text background login-button">Validate token</button>
    </form>
    <button type="submit" ng-href='#here' ng-click="doSomething()" class="inline button button-text background">Do something</button>
</div>

Затем есть импортированный файл controllers.js, где находится StartCtrl. Мне также нужно было поместить службы в тот же файл, где находятся контроллеры, потому что я не могу получить доступ к файлу services.js из controllers.js. Я не знаю почему.

var app = angular.module('myApp', [])

app.controller('StartCtrl',['$scope', '$http', 'Test', function($scope, $http, Test) {

    $scope.vars = {
        token: 'vgs7mJR7icPgMO2aOQAjzl71e8k5mwGx1OQncsefMl7OyPj8tgKfkvrSNpOi',
        search: ''
    };

    $scope.axleSpeechMinutesLeft = function(vars) {
    var inputToken = $scope.vars.token;
        Test.getSomething(inputToken).then(function (response){
            console.log(response);
        }
    }
}]);

app.service('Test', function ($rootScope, $http) {
    this.getSomething = function(token) {
        $http({
          method: 'GET',
          url: 'https://testurl2019.com',
          headers: {"Authorization" : "Bearer " + token},
        }).then(function (response) {
            return response.data;
          }, function (response) {
            return response;
        });
    };
})

Отсюда я могу добраться дозапрос $ http, который отвечает мне на эту довольно странную ошибку. Кстати, старые версии для проекта, которые я использовал, работали на Mac отлично, но не на Windows (с тем же кодом, я видел руль на панели и много ошибок), поэтому я взял новейшие версии jquery и angularJS и теперь пытаюсь запустить это на Windowsпереписав старый код версии. Вот картинка с ошибкой от $ http. enter image description here

Буду очень признателен за вашу помощь!

Ответы [ 2 ]

0 голосов
/ 11 октября 2019

Я наконец понял это. Это была довольно глупая ошибка с моей стороны. На Mac я использовал Adobe Premiere Pro 2018, и пользовательский агент chromes был намного новее. А на windows я использовал версию 2015 года, а пользовательский агент chromes намного старше. Поэтому я обновился до 2018 года и вуаля, старые и новые версии работают также на Windows. Спасибо за помощь!

0 голосов
/ 11 октября 2019

В crome попробуйте ctr + shift + i, вы попадете на консоль разработчика, где вы можете увидеть подробности ошибки и строку. Этот статус обычно возникает, когда возникает ошибка браузера или когда браузер запрашивает блокировку.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...