通过 jquery 返回字符串的同步 ajax 调用

Question

我正在对 ajax 进行 jQuery 同步调用——返回类型设置为“json”——但是返回数据以字符串形式返回。我做错了什么，或者是否可以将字符串转换为对象？

var ajax_response = $.ajax({url:"ajx_services", async:false, type:"post", data:{method: "getItem", item_no: $(ctx).val()}, dataType:"json"});
var data = ajax_response.responseText;

ajax 调用正在工作，正如我可以在调试器中看到结果一样，只是返回的数据位于字符串中。

Answer 1

responseText 将始终是一个字符串。在 $.ajax() 中添加一个带有参数的“成功”回调函数，该函数将是 JSON 数据。

$.ajax({
    -- other stuff --
  , success: function(data)
    {
        // do something with data
    }
});

Answer 2

这是因为 $.ajax() 将返回一个实际的 XMLHttpRequest ..其 responseText 没有 JSON 等概念。

试试这个：

var data = (function () {
    var ajaxResponse = '';
    $.ajax({url:"ajx_services", async:false, type:"post", data:{method: "getItem", item_no: $(ctx).val()}, success: function (data) {
        ajaxResponse = data;
    }, dataType:"json"}); 
    return ajaxResponse;
}());

因为 ajaxResponse 是在父闭包中定义的在 ajax() 调用中定义的函数，它可以设置为 success 函数提供的 JSON data 对象（即当 Ajax 请求成功完成时调用）。然后，父闭包返回ajaxResponse，然后将其分配给外部data变量。

请注意，这种从 ajax() 立即返回修改后的 ajaxResponse 的能力只有在请求是同步时才可能实现。如果是异步的，return ajaxResponse 很可能会返回一个空字符串。

Answer 3

这种方式应该可行，使用 eval 函数：

var ajax_response = $.ajax({url:"ajx_services", async:false, type:"post", data:{method: "getItem", item_no: $(ctx).val()}, dataType:"json"});
ajax_response.onreadystatechange = xHandler;

function xHandler() {
  if (ajax_response.readyState == 4) {
    var data = eval('(' + ajax_response.responseText + ')');
  }
}

但正如之前所说，您应该使用 jQuery 成功回调，它的存​​在是为了让您的生活更轻松。