jquery-ui - Автозаполнение для данных json

Question

У меня есть этот вход json. [{"id1": "val1", "id2": "val2"}, {"id1": "val3", "id2": "val4"}, ...]

Как разобрать этот внутренний плагин автозаполнения доступен в jquery-ui? В принципе, я хочу, чтобы val1, val3 и т. Д., Соответствующие id1, были частью моего текста автозаполнения. Любые предложения о том, как я могу продолжить это?

Answer 1

автозаполнения виджет ожидает массив простых строковых значений или объектов со свойствами label, value или обоих.

Вы можете использовать ваши данные и преобразовать их в соответствующий формат с помощью утилиты $.map. Это предполагает, что вы делаете ваш запрос AJAX успешно и данные возвращаются:

$.getJSON("/url", function(data) { 
    var src = $.map(function (el) { 
     return el.id1; 
     // or: 
     // return { label: el.id1, value el.id2 }; 
    }); 

    $("#id").autocomplete({ 
     source: src 
    }); 
}); 

Пример:http://jsfiddle.net/df6wB/

Answer 2

Чтобы преобразовать строку JSON в объект JSON, используйте $.parseJSON(...). Здесь var jsonstring - это текст, содержащий текст JSON и ничего больше. parseJSON() не будет работать, если строка недействительна JSON.

var jsonobj = $.parseJSON(jsonstring); 

Затем использовать, чтобы вставить new options автозаполнение.

Получить значения из jsonobj таким образом:

alert(jsonobj.id1); 
alert(jsonobj.id2);