有人可以向我解释一下 JQuery 自动完成的回调函数是如何工作的吗

发布于 2024-10-19 12:32:02 字数 1752 浏览 9 评论 0原文

我正在尝试让 JQuery 自动完成功能与表单一起使用，您可以在其中搜索对象的名称，并使用所选结果完成整个对象字段。

当我只需要返回一个字符串时，自动完成功能运行良好，但现在我需要返回一个更复杂的对象。

我尝试使用 json 和由管道分隔的字符串来完成此操作。从响应返回的字符串很好，但自动完成功能未显示任何结果。

有人可以告诉我应该使用什么回调将结果拆分为字符串数组，以及如何访问和格式化这些字符串以显示它们？

另外，不同回调函数的参数是什么，例如 parse、formatItem、formatMatch、formatResult 等。我真的很困惑，因为我读过的几乎每一篇文章的做法都不同，而且没有人解释实际发生的情况。

为什么我无法在 firebug 中调试回调？代码永远不会到达我的断点

这是我的 javascript

 $(document).ready(


      function ()
        {
            $("input#Venue_Name").autocomplete
            (
// data comes back in format VenueId|Name|AddressLine1|AddressLine2|City|PostCode|Country
                '<%= Url.Action("FindVenuesComplex","Ajax", new {@area=""}) %>',
                {
                    mustMatch: false,
                parse: function (data)
                {
                    return data.split('|');
                },
                formatItem: function (data)
                {
                    return data[1];
                },
                formatMatch: function (data)
                {

                    return data[1];
                },
                formatResult: function (data)
                {

                    return data[1];
                }
            }
                                ).result
                                (
                                    function (event, data, formatted)
                                    {
                                        if (data)
                                        {
                                            $("input#Venue_AddressLine1").val(data[2]);
                                        }
                                    }
                    );
    }
);

原文

I'm trying to get JQuery autocomplete to work with a form whereby you search for the name of an object and the whole object fields are completed with the selected result.

I had autocomplete working well when I just needed to return a string but now I need to return a more complex object.

I've tried to do it with json, and with a string seperated by pipes. The String coming back from the response is fine but autocomplete is not displaying any results.

Can someone tell me what callback I should be using to split my results into an array of strings and how I then access and format those strings for the purpose of displaying them?

Also, what are the parameters for the different callback functions e.g. parse, formatItem, formatMatch, formatResult etc. I'm really confused because nearly every article I've read does it differently and no-one explains what is actually happening.

Why cant I debug a callback in firebug? The code never hits my breakpoints

Here's my javascript

 $(document).ready(


      function ()
        {
            $("input#Venue_Name").autocomplete
            (
// data comes back in format VenueId|Name|AddressLine1|AddressLine2|City|PostCode|Country
                '<%= Url.Action("FindVenuesComplex","Ajax", new {@area=""}) %>',
                {
                    mustMatch: false,
                parse: function (data)
                {
                    return data.split('|');
                },
                formatItem: function (data)
                {
                    return data[1];
                },
                formatMatch: function (data)
                {

                    return data[1];
                },
                formatResult: function (data)
                {

                    return data[1];
                }
            }
                                ).result
                                (
                                    function (event, data, formatted)
                                    {
                                        if (data)
                                        {
                                            $("input#Venue_AddressLine1").val(data[2]);
                                        }
                                    }
                    );
    }
);

分享到QQ

分享到微博