javascript - 完成后访问 ajax 响应对象

Question

我试图在请求完成后仅将search ajax响应设置为query变量。但是，我收到了未定义的警报。我想知道是否有人知道如何实现这个目标？

感谢任何建议，

非常感谢!

    var query ='';
    $.ajax({
        type: 'POST',
        url: "ajax/search.php?&reqPage="+reqPage,
        data: $(this).serialize(),
        dataType : 'JSON',
        success: function(search){
            $('.search-table').html(search.rows);           
        },
        complete: function(search){
            query = search.query;
            alert(query); //output undefined
        },
        error: function(ts) { alert(ts.responseText) }
    });

Answer 1

jquery 中完整回调的第一个给出了 2 个参数。并且没有数据，只有 jqXHR 和 textStatus。因为完整的回调调用出错了。所以你的代码应该是:

var query ='';
$.ajax({
    type: 'POST',
    url: "ajax/search.php?&reqPage="+reqPage,
    data: $(this).serialize(),
    dataType : 'JSON',
    success: function(search){
        $('.search-table').html(search.rows);           
        query = search.query;
    },
    error: function(ts) { alert(ts.responseText) }
});

当请求完成并且没有服务器错误时将调用它。在你的例子中，答案是有效的 JSON 对象。数据未在完整回调中传递，因为错误可能无法传递答案。