Получите значение массива и метку из внешнего файла JSON и добавьте его в функцию автозаполнения jQuery - PullRequest
0 голосов
/ 28 января 2012

Я пытаюсь добавить автозаполнение пользовательского интерфейса jQuery в поле ввода. Аналогично этому примеру: http://jqueryui.com/demos/autocomplete/#default

<script>
    $(function() {
        var availableTags = [
            "ActionScript",
            "AppleScript",
            "Asp",
            "BASIC"
];
        $( "#tags" ).autocomplete({
            source: availableTags
        });
    });
</script>

Я следовал за демо, и это легко сделать. Для меня труднее всего получить данные из другого файла json под названием album.json:

{
    "albums": [
        {
            "value": "Author Name",
            "label": "Album Name"
        },
        {
            "value": "Author Name",
            "label": "Album Name"
        },
        {
            "value": "Author Name",
            "label": "Album Name"
        },
        {
            "value": "Author Name",
            "label": "Album Name"
        },
    ]
}

Есть ли простой способ сделать это? Я пытался понять это сам, но не могу.

Заранее спасибо, IL

1 Ответ

0 голосов
/ 28 января 2012

Вы можете использовать jQuery ajax для получения данных из внешнего источника в качестве данных для автозаполнения. Попробуйте это.

$( "#tags" ).autocomplete({
   source: function(request, response) {
     $.ajax({
       url: "UrlOfThePage",
       dataType: "json",
       success: function( data ) {
         response(data.albums);
       }
     });
   }
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...