JQuery responseText undefined

Question

У меня проблема с ответом ajax. У меня есть запрос ajax, который отправляет Json на сервер, и ответ возвращает json тоже.

Получаю отклик, но не могу получить ответText. Здесь внизу есть мой код:

$('#outside').click(function() { 
    var formData = '{"nin":"3","etype":"iso","perror":"1000","filename":"C:/Users/Mary/workspace/tdiclient/helloworld.txt"}'// _ sono i due punti e -e il bckslash 
    var response = ''; 
    var posts= $.ajax({ 
    headers: { 
     'Accept': 'application/json', 
     'Content-Type': 'application/json', 
    }, 
    'url' : 'http://localhost:8080/com.tdi/rest/tdi/newcontent/parameters', 
    'type' : 'POST', 
    'data' : formData, 
    responseText: { 
     success: true, 
     mode: "Online" 
    } 
    }) 

    console.log(posts); 
    if(posts.readyState == '1'){ 
    alert(posts.responseText); 
    } 
}); 

Проблема заключается в том, что я получаю следующее сообщение об ошибке:

Cannot read property 'responseText' of undefined

но console.log(posts) печати всего ответ так:

Я гугл и Я пробовал много решений, но я не могу найти решение

Answer 1

Я думаю, вы немного смущены тем, как использовать t he $.ajax() способ. Попробуйте следующее:

$('#outside').click(function() { 
    var formData = '{"nin":"3","etype":"iso","perror":"1000","filename":"C:/Users/Mary/workspace/tdiclient/helloworld.txt"}'// _ sono i due punti e -e il bckslash 
    var response = ''; 
    var posts = $.ajax({ 
    headers: { 
     'Accept': 'application/json', 
     'Content-Type': 'application/json', 
    }, 
    'url' : 'http://localhost:8080/com.tdi/rest/tdi/newcontent/parameters', 
    'type' : 'POST', 
    'data' : formData 
    }) 

    posts.done(function(res){ 
    console.log(res) // res should be your responseText 
    }) 
}); 

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

Answer 2

Существует специальный случай с console.log, потому что он получает ссылку на объект jqXHR, который был возвращен $.ajax(). И поскольку это ссылка, может случиться, что DevTools покажет содержимое объекта (или массива) более позднего времени.

Основная проблема заключается в том, что вы пытаетесь получить доступ к responseText прямо после отправки вашего запроса с $.ajax, который является асинхронным. Свойство responseText будет содержать содержимое ответа после выполнения запроса. Чтобы справиться с этим, вы должны использовать обратный вызов, который будет выполнен после успешного завершения запроса. Объект jqXHR предоставляет метод done, который принимает functon как аргумент, который будет выполнен, когда запрос был успешным.

Вот пример того, как вы могли бы сделать это:

$('#outside').click(function() { 
    var formData = '{"nin":"3","etype":"iso","perror":"1000","filename":"C:/Users/Mary/workspace/tdiclient/helloworld.txt"}'// _ sono i due punti e -e il bckslash 
    var response = ''; 
    var posts= $.ajax({ 
    headers: { 
     'Accept': 'application/json', 
     'Content-Type': 'application/json', 
    }, 
    'url' : 'http://localhost:8080/com.tdi/rest/tdi/newcontent/parameters', 
    'type' : 'POST', 
    'data' : formData 
    }) 

    posts.done(function (data) { 
    console.log(data); 
    alert(data); 
    }) 
}); 

Примечание: я удаляю в responseText на АЯКС объекта конфигурации, потому что это не принято вариант для $.ajax().