Как получить текст ответа из запроса AJAX с помощью jQuery

Question

Я пытаюсь сделать запрос JSONP на сервер. Это мой код:

$.ajax({ 
    type: 'GET', 
    url: myURL, 
    async: false, 
    crossDomain: true, 
    dataType: 'jsonp', 
    jsonpCallback: 'jsonCallback', 
    headers: { 
    'Accept': 'application/json', //this is required by the server 
    'key': key 
    }, 
    success: function() { 
    alert('1'); 
    }, 
    error: function() { 
    alert('2'); 
    }, 
    complete: function(){ 
    alert('3'); 
    } 
});//code indentation 

Когда я запускаю код, он ошибается. Но если я открою инструменты для разработчиков в Chrome (ctrl + shift + I), я могу увидеть запрос в разделе «сеть». Нажатие на него показывает правильный ответ (и показывает, что запрос был принят).

Извинения есть действительно очевидное решение (я пробовал искать, но не повезло), но на данный момент я хорошо и действительно озадачен. Любая помощь могла бы быть полезна.

:: EDIT ::

изменения функции ошибки в:

error: function() { 
    console.log('error', arguments); 
}, 

возвращается сообщение "jsonCallback не был назван" Благодаря Aaron Digulla ниже.

Ответ от сервера в формате JSON, а не JSONP (проверено с JSONlint)

Answer 1

Когда вы говорите «это ошибка», я думаю, что вы получите alert(2). Для того, чтобы выяснить, почему, бревенчатый аргументы функции в консоли:

... 
error: function() { 
    console.log('error', arguments); 
}, 
... 

JQuery будет передавать дополнительную информацию (например сообщение об ошибке) функции. Это поможет вам понять, почему это не удается.

То же самое верно для функции success, которая получает ответ сервера, например.

[EDIT]

Я получаю ошибку jsonCallback was not called

Это означает, что ваш сервер не возвращает JSONP. JSONP выглядит как name({...}), а обычный JSON выглядит как {...}. Проверьте конфигурацию своего сервера и убедитесь, что он фактически поддерживает JSONP и что ответ выглядит корректно.

я видел это из вашего кода:

dataType: 'jsonp' 
headers: { 
    'Accept': 'application/json', //this is required by the server 
} 

Это означает, что вы посылаете микс JSONP/JSON, который не может работать. Если вы используете определенный dataType, тогда пусть jQuery построит правильные заголовки.

Answer 2

Вы не можете установить async: false для запроса jsonp из-за его характера, добавив скрипт для обработки метода ответа.

Answer 3

Функция успеха имеет аргумент, и из этого аргумента вы можете получить текст ответа.

$.ajax({ 
    type: 'GET', 
    url: myURL, 
    async: false, 
    crossDomain: true, 
    dataType: 'jsonp', 
    jsonpCallback: 'jsonCallback', 
    headers: { 
    'Accept': 'application/json', //this is required by the server 
    'key': key 
    }, 
    success: function(response) { 
    alert(response); 
    alert('1'); 
    }, 
    error: function() { 
    alert('2'); 
    }, 
    complete: function(){ 
    alert('3'); 
    } 
}); 

Answer 4

dataType: 'jsonp 

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