Как делать один автозавершило в неудар в лунку с ajax?

Добрый вечер хотел бы знать, потому что меня не загружает autocomplete в моем неударе в лунку, я благодарен заранее.

index.html

<div class="col-md-2 mb-2">
    <label for="responsables" class="col-form-label">Responsables</label>
</div>
<div class="col-md-4 mb-4">
       <input type="text" class="form-control" id="responsables" placeholder="Responsables">
</div>

script.js

$("#responsables").autocomplete({
            source:function(request,response){
                $.ajax({
                    url:"autocomplete.json",
                    type:"GET",
                    dataType:"json",
                    data:{
                        search: request.term
                    },
                    success:function(data){
                        response(data);
                    }
                })
            }
        })

autocomplete.json

[
    {
        "id":1,
        "nombre":"rojo"
    },
    {
        "id":2,
        "nombre":"Verde"
    },
    {
        "id":3,
        "nombre":"Azul"
    }
]
0
задан 21.03.2019, 07:13
1 ответ

Проблема, которая у тебя есть, состоит в том, чтобы он автозавершил , ждет json с полями label и оцените .

source

Type: Array or String or Function (Object request, Function response (Object восходит)) Default: none; must be specified Ты Определяешь the дату to используйте, must be specified.

Independent of the variant you используйте, the label is always treated эксперт text. If you want the label to be treated эксперт html you хан использовал Скотт GonzГЎlez' html расширение . The давайте давать all focus on different variations of the source option - look for one that matches your используйте вступите в брак, and check out the code.

Многообразный types supported:

Array: An array хан be used for локальный восходит. There пахал two supported formats:

  • An array of strings: ["Choice1", "Choice2"]
  • An array of objects with label and оцените properties: [{ label: "Choice1", оцените: "value1" }...]

    The label property is displayed in the suggestion меню . The оцените will be inserted into the неудар в лунку element when в user selects an статья . If just one property is specified, it will be used for both, e.g., if you provide only оцените properties, the оцените will also be used туз the label.

... (continГєa)

Шрифт: http://api.jqueryui.com/autocomplete/

Или ты производишь json этой формы или используешь одну funciГіn, чтобы это конвертировать.

Вместо того, чтобы помещать:

            response(data);

UsarГ-Схвати:

            response($.map(data, function (item) {
                return {
                    label: item.nombre,
                    value: item.id
                }
            }));

Она funciГіn autocomplete quedarГ - в:

$("#responsables").autocomplete({
            source:function(request,response){
                $.ajax({
                    url: "https://api.myjson.com/bins/1fcz36",
                    type:"GET",
                    dataType:"json",
                    data:{
                        search: request.term
                    },                    
                    success:function(data){
                        response($.map(data, function (item) {
                            return {
                                label: item.nombre,
                                value: item.id
                            }
                        }))
                    }
                })
            }
        })

Данные json: http://myjson.com/1fcz36

cГіdigo выполнимый: https://jsfiddle.net/k3an9uo4/1 /


(издал)

Показанное до настоящего времени было примером estГЎtico, как конфигурировать автозавершило jQuery UI segГєn первоначальный вопрос.

Для того, чтобы он ответил dinamicamente, нужно конфигурировать ajax для того, чтобы он выполнил рукописный шрифт и было devolverГЎ данные segГєn набитое из-за пользователя.

, Поскольку мы можем подтверждать в ней documentaciГіn jQuery.ajax () в parГЎmetro url мы показываем маршрут в рукописный шрифт, в type мы конфигурируем mГ©todo, чтобы использовать (GET или POST) и в датируй они parГЎmetros, который мы захотели переместить в рукописный шрифт, в нашем случае, по крайней мере, текст, набитый пользователем.

$("#responsables").autocomplete({
            source:function(request,response){
                $.ajax({
                    url: "consulta_ajax.php",
                    type:"GET",
                    dataType:"json",
                    data:{
                        search: request.term
                    },                    
                    success:function(data){
                        response($data)
                    }
                })
            }
        })

Это mГЎs cГіmodo, если у нас есть контроль источника данных, состоит в том, чтобы сам рукописный шрифт возвратил json с полями label и оценил (или только label , если мы не хотим использовать индексы), чтобы не осложнять javascript.

consulta_ajax.php

<?php  
  $mysqli = new mysqli(DBURI,DBUSER,DBPASS,DBNAME);
  $texto = 

Проблема, которая у тебя есть, состоит в том, чтобы он автозавершил , ждет json с полями label и оцените .

source

Type: Array or String or Function (Object request, Function response (Object восходит)) Default: none; must be specified Ты Определяешь the дату to используйте, must be specified.

Independent of the variant you используйте, the label is always treated эксперт text. If you want the label to be treated эксперт html you хан использовал Скотт GonzГЎlez' html расширение . The давайте давать all focus on different variations of the source option - look for one that matches your используйте вступите в брак, and check out the code.

Многообразный types supported:

Array: An array хан be used for локальный восходит. There пахал two supported formats:

  • An array of strings: ["Choice1", "Choice2"]
  • An array of objects with label and оцените properties: [{ label: "Choice1", оцените: "value1" }...]

    The label property is displayed in the suggestion меню . The оцените will be inserted into the неудар в лунку element when в user selects an статья . If just one property is specified, it will be used for both, e.g., if you provide only оцените properties, the оцените will also be used туз the label.

... (continГєa)

Шрифт: http://api.jqueryui.com/autocomplete/

Или ты производишь json этой формы или используешь одну funciГіn, чтобы это конвертировать.

Вместо того, чтобы помещать:

[110]

UsarГ-Схвати:

[111]

Она funciГіn autocomplete quedarГ - в:

[112]

Данные json: http://myjson.com/1fcz36

cГіdigo выполнимый: https://jsfiddle.net/k3an9uo4/1 /


(издал)

Показанное до настоящего времени было примером estГЎtico, как конфигурировать автозавершило jQuery UI segГєn первоначальный вопрос.

Для того, чтобы он ответил dinamicamente, нужно конфигурировать ajax для того, чтобы он выполнил рукописный шрифт и было devolverГЎ данные segГєn набитое из-за пользователя.

, Поскольку мы можем подтверждать в ней documentaciГіn jQuery.ajax () в parГЎmetro url мы показываем маршрут в рукописный шрифт, в type мы конфигурируем mГ©todo, чтобы использовать (GET или POST) и в датируй они parГЎmetros, который мы захотели переместить в рукописный шрифт, в нашем случае, по крайней мере, текст, набитый пользователем.

[113]

Это mГЎs cГіmodo, если у нас есть контроль источника данных, состоит в том, чтобы сам рукописный шрифт возвратил json с полями label и оценил (или только label , если мы не хотим использовать индексы), чтобы не осложнять javascript.

consulta_ajax.php

[114]GET['search']; $sql = " SELECT id AS value, nombre AS label FROM ciudades WHERE nombre LIKE '%$texto%' "; $result = $mysqli->query($conexion, $sql); while ($myrow = $result->fetch_array(MYSQLI_ASSOC)) { $resultado[]=$myrow; } echo json_encode($resultado); ?>
0
ответ дан 02.12.2019, 05:21
  • 1
    я спасибо за старание помогать, но написав в неударе в лунку, меня не выдает совпадение я засолил совсем данные автозавершенного, и когда я выбираю статью select, он показывает мне value и не label – DUM 22.03.2019, 17:40

Теги

Похожие вопросы