Angular JSON работает только с локальными файлами JSON, но не с URL

Question

Angular JSON работает только с локальными файлами JSON, но не с URL

0

Я только что познакомился с Angularjs, и я пытался использовать $ http.get. Страница работает только в том случае, если URL, который я даю, является локальным "calender.json". Но когда я даю URL-адрес, он выплескивает пустую страницу. Может ли кто-нибудь помочь мне понять мою ошибку?

Henry Keene 15 июль 2015, в 23:18

Источник

0

Это проблема CORS, проверьте вашу консоль ..
Pankaj Parkar 15 июль 2015, в 21:11
0

Может потребоваться использовать запрос jsonp для COR.
Christopher Marshall 15 июль 2015, в 21:13
1

No 'Access-Control-Allow-Origin' header is present on the requested resource. Похоже, вам нужно либо настроить сервер, либо использовать jsonp.
Claies 15 июль 2015, в 21:14
0

не все API могут быть достигнуты с использованием ajax из-за same origin policy . Этот не поддерживает CORS, и если они не обслуживают jsonp, вам нужно использовать прокси для получения данных. На заметку ... настоятельно рекомендуем обновить угловую версию до более новой. Многое изменилось с 1.02
charlietfl 15 июль 2015, в 21:16
0

Сегодня я узнал, что если URL-адрес 404, Chrome иногда решает выпустить ошибку перекрестного источника, поскольку страница, которая не может быть найдена, также не имеет заголовка access-control-allow-origin. Поэтому стоит проверить, действительно ли существует URL, который вы пытаетесь получить.
Chrillewoodz 15 июль 2015, в 21:27
0

@Crillewoodz может открыть этот URL прямо в браузере и увидеть, что заголовки неверны и являются действительными URL
charlietfl 15 июль 2015, в 22:01

Показать ещё 4 комментария

Теги:

javascript

angularjs

json

1 ответ

Ещё вопросы

Это проблема CORS, проверьте вашу консоль ..
Может потребоваться использовать запрос jsonp для COR.
No 'Access-Control-Allow-Origin' header is present on the requested resource. Похоже, вам нужно либо настроить сервер, либо использовать jsonp.
не все API могут быть достигнуты с использованием ajax из-за same origin policy . Этот не поддерживает CORS, и если они не обслуживают jsonp, вам нужно использовать прокси для получения данных. На заметку ... настоятельно рекомендуем обновить угловую версию до более новой. Многое изменилось с 1.02
Сегодня я узнал, что если URL-адрес 404, Chrome иногда решает выпустить ошибку перекрестного источника, поскольку страница, которая не может быть найдена, также не имеет заголовка access-control-allow-origin. Поэтому стоит проверить, действительно ли существует URL, который вы пытаетесь получить.
@Crillewoodz может открыть этот URL прямо в браузере и увидеть, что заголовки неверны и являются действительными URL

Jonathan Lucas · Answer 1 · 2015-07-15T20-26-00.000Z

Как указывалось в комментариях к вашему вопросу, это вопрос CORS. Чтобы легко решить эту проблему, вы можете изменить свой $http.get() на $http.jsonp(). Однако это само по себе не решит проблему. Вам также потребуется настроить URL-адрес, добавив еще один параметр запроса, например (используя предоставленный вами URL-адрес): https://ssl.uh.edu/calendar/api/?view=7day&format=json&distinct=1&callback=JSON_CALLBACK

Обратный вызов = JSON_CALLBACK сообщает серверу, что вы запрашиваете, что вы хотите, чтобы он обернул ответ JSON в функции с именем JSON_CALLBACK, которая является специальным угловым ключевым словом. Ознакомьтесь с документами для получения дополнительной информации: https://docs.angularjs.org/api/ng/service/ $ http

Версия tl; dr: измените $http.get("https://ssl.uh.edu/calendar/api/?view=7day&format=json&distinct=1") на $http.jsonp("https://ssl.uh.edu/calendar/api/?view=7day&format=json&distinct=1&callback=JSON_CALLBACK")

хороший улов, что это на самом деле служит JSONP. Стоит отметить, однако, что строка JSON_CALLBACK является просто заполнителем для внутренне созданного имени обратного вызова
Да, я пытался указать, что это было особенным, но не хотел касаться этого. Спасибо что подметил это.
Я упоминал об этом только потому, что несколько дней назад я видел, как кто-то пытался использовать эту строку в статическом файле сценария для проверки jsonp, и не мог понять, почему она не работает.