帮助获取传递到 Jquery 自动完成插件的正确信息以获得可点击的结果

Question

所以我对下面的代码有问题。我有一个格式化的数组：

{label:movie, value:location} 

以下代码将仅在搜索框中显示标签，单击时使用该信息来创建 URL。我需要它传递数组中的值字段而不是标签。我尝试将 suggest.push(val.label) 更改为 suggest.push(val.value)，此时单击网址有效，但网址显示在搜索框中而不是标签中。我对 Jquery 和 Json 很陌生，所以我真的很盲目。

$(function(){
    //attach autocomplete
    $("#to").autocomplete({
        minLength: 2,

        //define callback to format results
        source: function(req, add){

        //pass request to server
        $.getJSON("/movie.php?callback=?", req, function(data) {

                //create array for response objects
                var suggestions = [];

                //process response
                $.each(data, function(i, val){                                
                    suggestions.push(val.label);
                });

                //pass array to callback
                add(suggestions);
            });

        },
        focus: function (event, ui) {
            $(event.target).val(ui.item.label);
            return false;
        },
        select: function (event, ui) {
            $(event.target).val(ui.item.label);
            window.location = ui.item.value;
            return false;
        },
    });
});

Answer 1

你很接近。您不需要在 success 回调中进行后处理：

source: function(req, add){
    //pass request to server
    $.getJSON("/movie.php?callback=?", req, add);
},

自动完成小部件可以采用对象数组，只要这些对象具有标签 和/或 value 属性。

由于您已在 AJAX 调用的结果中提供了这两者，因此您应该通过直接调用 add 函数作为 AJAX 回调的 success 方法来获得所需的行为。