小编Jim*_*ull的帖子

jQuery自动完成远程JSON数据源不返回数据

我一直在这方面工作,并搜索了所有其他的例子,似乎仍然无法弄明白,试图使用jquery ui autocomplete,第一次尝试把这一切都放在一起.这是我的JS:

$(document).ready(function () {
$("#search-title").autocomplete({
    source: function ( request, response ) {
        $.ajax({
            url: "/include/autocomplete",
            dataType: "json",
            data: {
                        term: request.term      
                    },
            success: function (data) {
                response( $.map( data.stuff, function ( item ) {
                    return {
                        label: item.name,
                        value: item.name
                    };
                }));
            }
        });
    },
    minLength: 2,
    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;
    }
});
});
Run Code Online (Sandbox Code Playgroud)

检查Firebug中的响应,我想我在这里得到了格式正确的JSON:

{"stuff":[ {"label" : "Dragon", "value" : "http://site.com/animal/firebreathers"}] …
Run Code Online (Sandbox Code Playgroud)

jquery autocomplete

5
推荐指数
1
解决办法
4394
查看次数

标签 统计

autocomplete ×1

jquery ×1