jQuery .ajax 调用从不调用方法

Question

在这个SO post 中，我学习了如何从 AJAX 调用中获取返回值：

function CallIsDataReady(input) {
            $.ajax({
                url: "http://www.blah.com/services/TestsService.svc/IsDataReady",
                type: "GET",
                contentType: "application/json; charset=utf-8",
                data: input,
                dataType: "json",
                success: function (data) {
                    if (!data) {
                        setTimeout(function (inputInner) { CallIsDataReady(inputInner); }, 1000);
                    }
                    else {
                        //Continue as data is ready
                        callUpdateGrid(input);
                    }
                }
            });
        }

        $(document).ready(function () {
            var input = { requestGUID: "<%=guid %>" };

            CallIsDataReady(input);

        });

这个函数调用它的 web 服务并返回 true。问题是在下面的 callUpdateGrid 中，日志显示没有从 $.ajax 调用中调用该 Web 服务方法：

function callUpdateGrid(input) {
    console.log(input);
    $.ajax({
        url: "http://www.blah.com/services/TestsService.svc/GetContactsDataAndCountbyGUID",
        type: "GET",
        contentType: "application/json; charset=utf-8",
        data: input,
        dataType: "json",
        success: function (data) {
            var mtv = $find("<%= RadGrid1.ClientID %>").get_masterTableView();
                        console.log(data);
                        mtv.set_dataSource(data.d.Data);
                        mtv.dataBind();
                    }
    });
}

有人知道怎么回事吗？

Answer 1

总是将错误处理函数作为传递给 $.ajax 的选项之一包含在内是一个好主意。例如，在您的成功函数之后添加此代码：

    ,
    error: function(jqXHR, textStatus, errThrown) {
        console.log("AJAX call failed");
        console.log(errThrown);
    }

如果 $.ajax 调用不成功，这将至少记录一些信息。

编辑 根据您的评论，此日志 SyntaxError: Invalid character

事实上，我现在看到您将一个纯 JavaScript 对象作为传递给 $.ajax 的 data 选项，但在 dataType 字段中表明它是一个 JSON 对象。您需要自己将输入对象实际转换为 JSON，如下所示：

    data: JSON.stringify(input),
    dataType: 'json',

或者，您可以简单地将 input 格式化为 JSON 对象，如下所示：

var input = { "requestGUID": "<%=guid %>" };

在这种情况下，字段名称 requestGUID 周围的引号足以为您提供 JSON 对象。