jqueryui 自动完成如何与 Json 一起使用？

Question

我有一个问题 jquery ui...

此代码示例不起作用，我不明白为什么，你知道为什么吗？

js :

    $('#form_tags').autocomplete({
    source: function (requete, reponse) { // les deux arguments représentent les données nécessaires au plugin
        $.ajax({
            url: '/blog/tags.json', // on appelle le script JSON
            dataType: 'json', // on spécifie bien que le type de données est en JSON            
            success: function (donnee) {
                console.log(donnee);
                reponse($.map(donnee, function (objet) {
                    return objet.TagLib,objet.TagLib; // on retourne cette forme de suggestion
                }));
            }
        });
    }
});

json :

[{"tagLib":"Miel"},{"tagLib":"bon"},{"tagLib":"louis"}]

Answer 1

改变这个：

reponse($.map(donnee, function (objet) {
  return objet.TagLib,objet.TagLib; // on retourne cette forme de suggestion
}));

对此：

reponse($.map(donnee, function (objet) {
  return {
    label: objet.tagLib,
    value: objet.tagLib,
  };
}));

Here is working example

jqueryui 自动完成如何与 Json 一起使用？

How jqueryui autocomplete works with Json?

javascript

json

jquery-ui

autocomplete