автозаполнение jQuery не отправляет данные ajax

Question

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script>    

$('#query').autocomplete({
        source: 'parts_by_partno.php',
        select: function (event, ui) {
            $("#query").val(ui.item.label); // display the selected text
            $("#hiddenId").val(ui.item.value); // save selected id to hidden input
        }
    });

Я не получаю ошибок в firebug, но firebug показывает, что эта функция даже не делает вызов страницы.Что я делаю не так?

Answer 1

Проверьте это:

http://jsfiddle.net/xJpsL/1/

Если я смотрю сетевые запросы в chrome, он запрашивает их правильно.Вы не забыли теги сценария, я полагаю?Кстати, этот третий файл javascript для autocomplete.js не существует (и не нужен, так как autocomplete является частью файла пользовательского интерфейса jquery).

Answer 2

Вот код, как я заставил его работать Используйте каждую функцию, и это хорошо для нескольких полей.

$('#query').each(function(i, el) {
    el = $(el);
    el.autocomplete({

        // get source using ajax function
        // If you need to send extra parameters to parts_by_partno.php
        // use data: {}
        source: function(request, response) {
            $.ajax({
                type: 'GET',
                url: 'parts_by_partno.php',

                // when you type word in text field
                // el.val() gets a word and ajax sends value of el.val() to server
                data: {id: el.attr('id'), term: el.val()},

                success: function(data) {
                    //data - data returned from server
                    response(data);
                },
                dataType:"json"
            })
        }
    });
});

=================== в PHP ===================

$ sendArray = array ();

$query = "SELECT * FROM ".$table." WHERE name LIKE '".$_GET['term']."%' LIMIT 10"

while($row=mysql_fetch_array(mysql_query($query)){

  array_push($sendArray, $row['name']);

};

echo json_encode($sendArray);

Answer 3

обернуть код в готовый обработчик

$(function(){
 $('#query').autocomplete({
        source: 'parts_by_partno.php',
        select: function (event, ui) {
            $("#query").val(ui.item.label); // display the selected text
            $("#hiddenId").val(ui.item.value); // save selected id to hidden input
        }
    });

});