Autocomplete not return output

Question

Как получить результаты запроса, добавив значения полей формы динамически с помощью ajax?

<script> 
    $(document).ready(function() { 
    $("textbox").autocomplete({ 
     source: function(query, response) { 
      $.ajax({ 
       url: "/xxx/sample.cfc?method=queries&returnformat=json", 
       dataType: "json", 
       data: { 
        searchKeyword: query.term 
       }, 
       success: function(result) { 
        response(result); 
       } 
      }); 
     } 
    }); 
    }); 
</script> 

Я пробовал код ниже, но не смог получить результат. Правильно ли это?

Как получить записи, передав searchKeyword в sample.cfc? Какая логика должна быть написана в sample.cfc?

Answer 1

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

<input type="text" id="textbox"> 
<script> 
    $(document).ready(function() { 
    $("#textbox").autocomplete({ 
     source: function(query, response) { 
      $.ajax({ 
       url: "/xxx/sample.cfc?method=queries&returnformat=json", 
       dataType: "json", 
       data: { 
        searchKeyword: query.term 
       }, 
       success: function(result) { 
        response(result); 
       } 
      }); 
     } 
    }); 
    }); 
</script> 

ПРЕДСТАВЛЯЕТ правильно для меня, с поджигатель указанием URL Params (после того, как я набрал мое имя в поле ввода), как:

метод запросов

returnformat JSon

searchKeyword andrew

(обратите внимание: если вы находитесь в теге, вам придется сменить селектор на ## tex tbox)

невероятно простой sample.cfc который просто возвращает результаты поиска ключевое слово обратно к вам будет выглядеть

component{ 

    remote function queries() { 
     return url.searchKeyword; 
    } 

} 

Если это не просто обучение упражнение для вас, я предлагаю использовать JQuery виджет за исключением того, что вы пишете весь автозапуск самостоятельно.