Как правильно загружать данные с backend'a?

310
20 января 2017, 09:30

У меня есть небольшая страница на AngularJS. Для получения данных с backend'а я пользуюсь такой конструкцией:

<!DOCTYPE html>
<html lang="en" ng-app="myApp">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script data-require="angular.js@1.6.0" data-semver="1.6.0" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.js"></script>
        <script>
            app = angular.module('myApp', []);
            app.controller('myAppCtrl', function($scope, $http) {
                $http.get('http://localhost:7080/greeting')
                        .then(function (success){
                        },function (error){
                        });
            });
        </script>
    </head>
    <body ng-controller="myAppCtrl">
        {{ 1 + 1 }}
        {{ sum }}
    </body>
</html>

Если загрузить данную страницу, то можно увидеть следующую ошибку:

No 'Access-Control-Allow-Origin' header is present on the requested resource.

Погуглив, я понял, что данная ошибка возникает из-за обращения из браузера пользователя к стороннему сервису. Но как же тогда происходит обмен json'ами между клиенской и серверной стороной ?

Поднимаю html-файл через простой запуск правой кнопкой мыши в IntelliJ IDEA. Получается такой URL:

http://localhost:63342/monitoring_gpr/test.html?_ijt=th6t92gm7946kqcuo2bkl4kpkj

READ ALSO
Как записать данные в файл .JSON при помощи JavaScript?
javascript

Как записать данные в файл .JSON при помощи JavaScript?

Возможно ли при помощи локального сервера записывать данные с HTML-страницы в файл JSON на свой компьютер? Если возможно, то каким образом? Ориентируюсь...

 706
WebView android/JS
javascript

WebView android/JS

ЗдравствуйтеЯ реализую WebView следующим образом:

 434
jQeury ui: подмена DOM-элемента при операции DRAG&amp;DROP
javascript

jQeury ui: подмена DOM-элемента при операции DRAG&DROP

Возможно ли при перетаскивании DOM-элемента средствами jQeury UI заменить перетаскиваемый объект, например, во время выхода его за пределы указанного...

 390
Можно ли &ldquo;зашить&rdquo; chrome.storage.sync. get/set в отдельные функции и возвращать из них результат?
javascript

Можно ли “зашить” chrome.storage.sync. get/set в отдельные функции и возвращать из них результат?

Есть вопрос который давно меня мучаетФункции вроде chrome

 318