AngularJS: получить защиту JSON с помощью заголовков аутентификации

Question

У меня есть файл JSON, сгенерированный сервером, и для доступа к этому JSON через URL в браузере мне нужно войти в систему, указав имя пользователя и пароль.

Сейчас я пытаюсь получить этот JSON с Angular, хотя не могу найти рабочее решение. Что у меня уже есть:

$scope.dane = [];

$http.jsonp('myURLwithUserAndPass?callback=JSON_CALLBACK')
  .success(function(data) {
    console.log('DATA pass');
    $scope.dane = data.products; // response data
  }).error(function() {
    console.log('DATA failed');
  });

Это приводит к ошибкам в консоли:

"Uncaught SyntaxError: Неожиданный токен"

и "Ресурс интерпретируется как Скрипт, но передается с помощью MIME-типа text/json: "myURLwithUserAndPass?callback=angular.callbacks._0"."

Я попытался добавить заголовки аутентификации в конфигурации, как показано ниже:

$httpProvider.defaults.headers.common['Authorization'] = 'Basic ' + myusername + ':' + mypassword;

... но это не помогает Я также попытался передать имя пользователя и пароль в URL-адресе следующим образом:

$http.jsonp('myURLwithUserAndPass?callback=JSON_CALLBACK&userID=SomeUSER&password=SomePSWD ').

Любая помощь о том, как я могу получить доступ к этому JSON?