jquery responseText undefined

Question

我有一个Ajax响应的问题。我有一个将Json发送到服务器的ajax请求，并且响应也会返回一个json。

我收到响应，但无法到达responseText。这下面有我的代码：

$('#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有点困惑他$.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有一个特殊情况，因为它获得对$.ajax()返回的jqXHR对象的引用。而且因为它是一个参考，所以DevTools可能会在一段时间后显示一个对象（或数组）的内容。

主要的问题是你试图在发送你的请求$.ajax这是异步后直接访问responseText。物业responseText将包含请求完成后的回应内容。为了处理这个问题，你必须使用一个在请求成功后执行的回调函数。 jqXHR对象提供了方法done，该方法将函数作为参数，并在请求成功时执行。

下面是一个例子，你如何能做到这一点：

$('#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的配置对象，因为它不是一个$.ajax()接受的选择。