0

我试图让一些 jQuery 函数更容易实现，因此我尝试将一些自动完成逻辑封装到一个函数中，以允许用户发送 URL 的变量、Web 服务的参数和值的控件我们需要采取。使用以下脚本，我收到错误：response is not defined. 这个想法是，在这个 Web 服务中会有许多不同的方法具有自动完成功能，我可以简单地将适当的方法的名称及其参数传递给Complete方法，并在多个文本框上具有功能。
为什么会这样

 $(document).ready(function ()
        {

            $('#auto').autocomplete(
            {

                source: function (request, response)
                {
                    Complete('GetNames', 'hospitalName', '#auto');
                }
            });
            function Complete(url, varName, target)
            {
                $.ajax(
                    {

                        type: "POST",
                        url: "Service.asmx/" + url,
                        data: "{'" + varName + "':'" + $(target).val() + "'}",
                        dataType: "json",
                        contentType: "application/json",
                        success: function (data)
                        {
                            //uncaught reference error response is not defined
                            response(data.d);
                        },
                        error: function (xhr)
                        {
                            console.log(xhr.status);
                        }
                    });
            }

        });

在我尝试取出 AJAX 调用并使其成为自己的方法之前，这工作正常。我想知道

  1. 源函数正在调用 Complete 函数，而源函数具有request和response作为参数，那么为什么它们在我的脚本中未定义？
  2. 我该如何解决这个问题并避免＃1中的未来问题。
4

2 回答 2

2

以前它可以工作，因为该变量response在 ajax 成功回调方法的闭包范围内可用。由于您现在创建了一个单独的方法，因此 ajax 回调不在源方法的闭包范围内，因此您需要将requestandresponse参数作为参数传递给该Complete方法

$(document).ready(function () {

    $('#auto').autocomplete({
        source: function (request, response) {
            Complete(request, response, 'GetNames', 'hospitalName', '#auto');
        }
    });

    function Complete(request, response, url, varName, target) {
        $.ajax({

            type: "POST",
            url: "Service.asmx/" + url,
            data: "{'" + varName + "':'" + $(target).val() + "'}",
            dataType: "json",
            contentType: "application/json",
            success: function (data) {
                //uncaught reference error response is not defined
                response(data.d);
            },
            error: function (xhr) {
                console.log(xhr.status);
            }
        });
    }

});
于 2013-10-01T17:12:24.857 回答
1

您可以通过将值传递给 来做到这一点Complete，如 Arun P Johny 的回答。您还可以在函数Complete内进行闭包：source:

$(document).ready(function () {
    $('#auto').autocomplete({
        source: function (request, response) {
            Complete('GetNames', 'hospitalName', '#auto');
            function Complete(url, varName, target) {
                var data = [];
                data[varname] = $(target).val();
                $.ajax({

                    type: "POST",
                    url: "Service.asmx/" + url,
                    data: JSON.stringify(data),
                    dataType: "json",
                    contentType: "application/json",
                    success: function (data) {
                        response(data.d);
                    },
                    error: function (xhr) {
                        console.log(xhr.status);
                    }
                });
            }
        }
    });
});

由于它嵌套在该函数中，因此它可以访问其局部变量。

但是，如果您首先将 AJAX 代码拉到source:选项之外的原因是因为您希望能够从其他地方调用它（因此您可以传递不同的 URL、目标或变量名），那么这将不起作用-- 该函数只能从该函数内部访问。

PS 不要尝试以这种方式构建您自己的 JSON，请JSON.stringify()按照我的说明使用。

于 2013-10-01T17:17:36.770 回答