виджет 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:43. |