带有ajax json php的jQuery自动完成

Question

我正在尝试找到一种方法来使用 jQuery 自动完成和 php 源通过服务器的 ajax json 对象列表获取数据。 但是选择是空的：

<script>
    $('#id_client_nc').autocomplete({
        source: function( request, response ) {
            $.ajax({
                url: "<?php echo URL::base(); ?>commerce/client/selectajax/"+$(this).val(),
                dataType: "jsonp",
                data: {
                    q: request.term
                },
                success: function( data ) {
                    var sel = $("#id_client_nc");
                    sel.empty();

                    $("#id_client_nc").empty();
                    sel.append('<option value="">--sélectionner--</option>');
                    for (var i=0; i<data.length; i++) {
                        sel.append('<option value="' + data[i].client_id + '" >' + data[i].client_nom +'</option>');
                    }
                    $("#id_client_nc").select2("destroy");
                    $("#id_client_nc").select2();        
                }
            });
        }
    });
</script>

html：

<select name="" class="selecttwo-s span12 id_client" id="id_client_nc"> </select>

Answer 1

response 参数是您使用自动完成数据作为参数调用的函数。所以在你的例子中，假设你的数据是一个 JSON 格式的数组，你会写

response(JSON.parse(data));

将结果传递到自动完成窗口。