Преобразовать строку в JSON, используя чтение JavaScript с URL

Question

Преобразовать строку в JSON, используя чтение JavaScript с URL

0

У меня есть веб-сайт API, который я создал, и я хочу, чтобы мой javascript читал значения. У меня есть страница http://ec2-54-152-248-65.compute-1.amazonaws.com/temp/, на которой есть это:

{'records': [{'a': 'a'}]}

и я хочу, чтобы мой javascript читал его и конвертировал в JSON. У меня есть этот код до сих пор, и он не работает:

$http({
    method: 'JSONP',
    url: "http://ec2-54-152-248-65.compute-1.amazonaws.com/temp/"
}).success(function(response) {$scope.names =      JSON.parse(JSONize(response.records));});

 });

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

Это ошибка в моем console.log:

(index):1 Uncaught SyntaxError: Unexpected token :

Rob 08 нояб. 2015, в 05:58

Источник

0

Вы можете console.log (ответ) ответ, пожалуйста? у вас есть другое сообщение об ошибке?
ThomasP1988 08 нояб. 2015, в 04:41
0

что вы имеете в виду?
Rob 08 нояб. 2015, в 04:44
1

Я имею в виду, чтобы показать, что сервер ответит вам
ThomasP1988 08 нояб. 2015, в 04:48
2

@ ThomasP1988 вы можете увидеть ответ сервера, используя curl, URL работает;)
MostafaR 08 нояб. 2015, в 04:50
1

ах да, вы правы, но я все еще хотел бы посмотреть, что он получит по его запросу, потому что в прошлом у меня были проблемы с развернутым запросом json и jsonp
ThomasP1988 08 нояб. 2015, в 04:52
1

хорошо, измените метод с 'jsonp' на 'get' и измените '.success' на '.then'
ThomasP1988 08 нояб. 2015, в 05:15
0

Я получаю это сообщение, когда делаю так: в запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin». Происхождение 'null', следовательно, не разрешено.
Rob 08 нояб. 2015, в 05:18
1

Похоже, вы должны написать $ scope.names = JSON.parse (response) .records;
Prabhu 08 нояб. 2015, в 05:39
0

Я согласен с Прабху
Giuseppe 08 нояб. 2015, в 05:40

Показать ещё 7 комментариев

Теги:

javascript

angularjs

json

regex

3 ответа

Ещё вопросы

Вы можете console.log (ответ) ответ, пожалуйста? у вас есть другое сообщение об ошибке?
Я имею в виду, чтобы показать, что сервер ответит вам
@ ThomasP1988 вы можете увидеть ответ сервера, используя curl, URL работает;)
ах да, вы правы, но я все еще хотел бы посмотреть, что он получит по его запросу, потому что в прошлом у меня были проблемы с развернутым запросом json и jsonp
хорошо, измените метод с 'jsonp' на 'get' и измените '.success' на '.then'
Я получаю это сообщение, когда делаю так: в запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin». Происхождение 'null', следовательно, не разрешено.
Похоже, вы должны написать $ scope.names = JSON.parse (response) .records;

MostafaR · Answer 1 · 2015-11-08T02-26-00.000Z

1

Ваш ответ выглядит как неправильный ответ JSON, используется одинарная цитата вместо двойной кавычки, поэтому быстрое решение может быть:

$scope.names = JSON.parse(response.replace(/'/g, '"'));

Или исправить ваш серверный код, чтобы генерировать правильный ответ JSON.

MostafaR 08 нояб. 2015, в 02:26

0

Я исправил это, чтобы иметь двойные кавычки, но это все еще дает ту же ошибку Uncaught SyntaxError: Неожиданный токен:
Rob 08 нояб. 2015, в 04:55
1

@Rob Я не знаю, какую функцию JSONize вы используете, но я думаю, что вам это не нужно, просто сделайте JSON.parse(response) .
MostafaR 08 нояб. 2015, в 04:57
0

Я все еще получаю ту же ошибку, я исправил JSON и использовал твой код, но он не прочитал.
Rob 08 нояб. 2015, в 04:58
0

app.controller ('CustomersCtrl', функция ($ scope, $ http) {$ http ({method: 'JSONP', url: " ec2-54-152-248-65.compute-1.amazonaws.com/temp " }). success (function (response) {$ scope.names = JSON.parse (response);});});
Rob 08 нояб. 2015, в 04:59
1

Хорошо, я вижу неожиданное ; после url: "..." ! Удалите это, пожалуйста.
MostafaR 08 нояб. 2015, в 05:01
0

ошибки больше нет, но она все равно не отображается в консоли
Rob 08 нояб. 2015, в 05:05
1

Я не вижу кода, который должен что-то показывать в консоли, покажите нам, как изменение $scope.names повлияет на консоль, и тогда мы сможем вам больше помочь. Вы можете добавить строку console.log($scope.names) после строки $scope.names = ... чтобы увидеть результат JSON.parse
MostafaR 08 нояб. 2015, в 05:08
0

Это работает для этого сайта: w3schools.com/angular/customers.php , я не уверен, почему это не для меня, я постараюсь получить что-то более конкретное, чтобы вы могли помочь.
Rob 08 нояб. 2015, в 05:10
0

app.controller ('CustomersCtrl', function ($ scope, $ http) {$ http.get (" w3schools.com/angular/customers.php" ) .success (function (response) {$ scope.names = response; console .log ($ scope.names);});}); Этот код работает отлично, поэтому я не уверен, почему другая ссылка не будет работать для меня.
Rob 08 нояб. 2015, в 05:10
1

@Rob Дорогие друзья, вам нужно точно знать, что вы хотите сделать с ответом, я вижу, что вы вообще не анализируете ответ. Поэтому, если вы хотите, чтобы я мог помочь вам объяснить, что вы там делаете! И спасибо мне с +1, если вы думаете, что это помогло вам;)
MostafaR 08 нояб. 2015, в 05:12
0

Я просто хочу иметь возможность читать в формате JSON с внешнего веб-сайта. Мне действительно все равно, как я получу это там, пока он может читать JSON. Я перепробовал кучу техник и застрял на этом часами.
Rob 08 нояб. 2015, в 05:13
0

Хорошо, но я вижу, что вы не используете JSON.parse в конце.
MostafaR 08 нояб. 2015, в 05:15

Показать ещё 10 комментариев

Giuseppe · Answer 2 · 2015-11-08T04-29-00.000Z

Вы смешиваете JSON и JSONP. У вас есть объект JSON, но вы вызываете его с помощью JSONP.

Чтобы избежать политики происхождения CROS, вам может потребоваться использовать JSONP. Чтобы вызвать ваш объект с помощью JSONP, вам необходимо обеспечить, чтобы объект был "вызываемым" через JSONP, и это означает, что вам нужно иметь формат:

 mycallback({ foo: 'bar' });

Смотрите здесь, чтобы получить хорошее объяснение: что такое JSONP?

Вот что такое политика CROS: обеспечение доступа к данным из другого источника (домена), потому что вы имеете на это право, потому что вы как-то знаете, какую функцию инкапсулирует объект.

Prabhu · Answer 3 · 2015-11-08T04-20-00.000Z

Просмотрев ваш код

$http({
    method: 'JSONP',
    url: "http://ec2-54-152-248-65.compute-1.amazonaws.com/temp/"
    }).success(function(response) {
       $scope.names =  JSON.parse(JSONize(response.records));
    });
});

вам следует

$scope.names =  JSON.parse(JSONize(response)).records;

и если вы не хотите менять код на стороне сервера, сделайте то, что @MostafaR рекомендовал или использовал функцию eval. (для проблемы, вызванной из-за использованной одиночной кавычки вместо двойной кавычки)

$scope.names =  eval( '(' + response + ')' ).records;