Ошибка при получении данных из внешнего API

Question

У меня есть страница HTML с Google ADWords в ней и вызов ajax с внешнего URL-адреса, и я хочу получить данные json с URL-адреса. Внешнее API также сделано мной. API Controller (в Laravel 5.2):

public function index() 
{ 
    $data = WeatherData::orderBy('created_at', 'DESC')->first(); 

    return Response::json($data); 
} 

HTML ADWORDS Код:

$.ajax({ 
     url: 'https://weather.mnsc.com/api/v1/data', 
     type: 'POST', 
     dataType: 'JSON', 
     cors: true, 
     success: function (data) { 
      console.log(data); 
     } 
    }); 

Но я получаю сообщение об ошибке в Chrome:

XMLHttpRequest не может загрузить https://weather.mnsc.com/api/v1/data. В запрошенном ресурсе нет заголовка «Access-Control-Allow-Origin». Поэтому исходный 'null' не допускается. В ответе был код состояния HTTP 500.

Есть ли заголовок, который мне нужно установить в API Laravel?

Answer 1

Ну, я нахожу, что может быть проблемой. Проблема связана с типом запроса. Я переключился с post на get в звонок ajax, и теперь он работает как ожидалось.

$.ajax({ 
    url: 'https://weather.mnsc.com/api/v1/data', 
    type: 'GET', 
    dataType: 'JSON', 
    crossDomain: true, 
    success: function (data) { 
    console.log(data); 
    } 
}); 

Но это мне не помогает, поскольку Google AdWords требуется только после запроса ...

Я также подозреваю, что это проблема с API Laravel, там должно быть что-то, что должно быть для использования post запросов.

UPDATE:

как я подозревал, что проблема в post запросов является с Larvael's csrf token.. Я сделал обходной путь, комментируя строку в Kernel.php.

Answer 2

Для запроса AJAX вам требуется crossDomain: true, а не обычный. Кроме того, $.ajax() не имеет опции cors, поэтому я удалил это. См jQuery.ajax() settings на странице документации для всех доступных опций:

$.ajax({ 
    url: 'https://weather.mnsc.com/api/v1/data', 
    type: 'POST', 
    dataType: 'JSON', 
    crossDomain: true, 
    success: function (data) { 
     console.log(data); 
    } 
}); 

Answer 3

Поместите эту строку кода до вашего AJAX вызова. Я должен был всегда устанавливать это для работы jquery ajax в междоменном домене.

$.support.cors = true;