JQuery Cross Domain GET Request Not Working

Question

Я пытаюсь настроить простой интерфейс для тестирования API Basecamp. Я установил свой dataType = jsonp, чтобы избежать проблемы междоменного доступа. При совершении вызова я вижу в инспекторе, что ответ отправляет правильно отформатированный JSON. Однако мои оповещения об ошибках показывают 4 и 200, но затем текст ответа «не определен». Я предполагаю, что я неправильно перехожу из jsonp в json, но мне нужно, чтобы я получил ответ, который я хочу? Или я не получаю правильный ответ.

Код:

function findAllProjects() { 
    console.log('findAllProjects'); 
    $.ajax({ 
     type: 'GET', 
     url: rootURL + "projects.json", 
     username: "username", 
     password: "password", 
     crossDomain: true, 
     //contentType: "application/json", 
     dataType: "jsonp", // data type of response 

     success: function(data) { 
      alert(data[0].id); 
      console.log("Success function!"); 
      console.log(data); 
     }, 

     error: function(xhr, err) { 
      //alert("Error!"); 
      alert("readyState: "+ xhr.readyState+"\nstatus: "+ xhr.status); 
      alert("responseText: "+ xhr.responseText); 
     }, 
    }); 
} 

Answer 1

Ваш URL является для .json файла, но JSONP требует файл JavaScript, который специально отформатированный передать результат в функцию под вашим контролем (или, управляемый JQuery, поскольку вы используй это). В любом случае серверу необходимо поддерживать JSONP, вы не можете просто запрашивать JSON-файл и принуждать его к взаимодействию JSONP.

Answer 2

Серверная сторона должна обертывать данные Джейсона вызовом функции. Имя функции передается в URL-адресе как «? Callback =?».

Таким образом, вместо того, чтобы просто возвращаем объект JSon {...} fromt он-сервер, вам необходимо вернуть

SomeFunctionName({...});