виджет autocomplete()
Не работает виджет autocomplete. ответ на запрос с сервера приходит (проверял в консоли) такого вида в формате json [{"name":"название","local":призна к принадлежности,"countryCode":20},{"n ame ........]. В выпадающем списке надо вывести только NAME. Может сначала надо обработать JSON.parse. Подскажите, кто знает. Пожалуйста.
$( "#autocomplete" ).autocomplete({ source: function(request, response) { $.ajax({ url: "https://discovery.gdbilet.ru/Rzhd/Train/SearchStation", dataType: "jsonp", data: { limit: 10, q: request.term }, success: function(data) { response($.map(data, function(item) { return { value: item.name, } })); } }); }, }); |
aj-nik,
14 строка label: item.name |
пробовал, не работает.
|
aj-nik,
и dataType в порядке jsonp |
ответ с сервера приходит. Если в dataType установить json вместо jsonp, то ответа нет.
|
aj-nik, версия ниже проверена в работе
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>autocomplete demo</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script> </head> <body> <label for="autocomplete">Select: </label> <input id="autocomplete"> <script> $("#autocomplete").autocomplete( { source: function(request, response) { $.getJSON("https://discovery.gdbilet.ru/Rzhd/Train/SearchStation", { limit: 10, q: request.term } ) .done(function(data) { response($.map (data, function(item) { return { value: item.name, label: item.name } } ) ); } ); }, minLength: 2, cache: false } ); </script> </body> </html> |
Рони, спасибо.
|
Я рано обрадовался, запустил скрипт, а он не работает. Копирую 1-1. Ни в песочнице ни на сайте.
|
|
А безопасность где надо настраивать?
|
Часовой пояс GMT +3, время: 08:14. |