jquery autocomplete ajax动态获取数据

引入的js文件
<script type="text/javascript" src="../lib/jquery.js"></script>

<script type='text/javascript' src='../jquery.autocomplete.js'></script>

<link rel="stylesheet" type="text/css" href="../jquery.autocomplete.css" />

方法一：前台数据
<script> 
$().ready(function() {
        $("#TReceiverid").autocomplete(

                        [{"address_city" : "南通","name" : "mm"},  {"address_city" : "南通","name" : "cc"}] ,

                        {

                            max : 12, //列表里的条目数

                            minChars : 0, //自动完成激活之前填入的最小字符

                            width : 271, //提示的宽度，溢出隐藏

                            scrollHeight : 300, //提示的高度，溢出显示滚动条

                            matchContains : true, //包含匹配，就是data参数里的数据，是否只要包含文本框里的数据就显示

                            autoFill : false, //自动填充

                            formatItem : function(row, i, max) {//下拉列表里面显示的信息

                                return i + '/' + max + ':"' + row.name + '"['

                                      

                                        + row.address_city + ']';

                            },

                            formatMatch : function(row, i, max) {

                                return row.name;//匹配的字段

                            },

                            formatResult : function(row) {

                                return row.name;//选择之后，input中填充的字段

                            }

                        }).result(function(event, row, formatted) {

                    alert(row.name);

                    $("#s_city").val(row.address_city);              

                });

});

</script> 

方法二：前台数据
<script>
var info = [{"address_city" : "南通","name" : "mm"},  {"address_city" : "南通","name" : "cc"}]；
$().ready(function() {
        $("#TReceiverid").autocomplete(info,

                        {

                            max : 12, //列表里的条目数

                            minChars : 0, //自动完成激活之前填入的最小字符

                            width : 271, //提示的宽度，溢出隐藏

                            scrollHeight : 300, //提示的高度，溢出显示滚动条

                            matchContains : true, //包含匹配，就是data参数里的数据，是否只要包含文本框里的数据就显示

                            autoFill : false, //自动填充

                            formatItem : function(row, i, max) {//下拉列表里面显示的信息

                                return i + '/' + max + ':"' + row.name + '"['

                                        + row.address_city     + ']';

                            },

                            formatMatch : function(row, i, max) {

                                return row.name;//匹配的字段

                            },

                            formatResult : function(row) {

                                return row.name;//选择之后，input中填充的字段

                            }

                        }).result(function(event, row, formatted) {

                    alert(row.name);

                    $("#s_city").val(row.address_city);              

                });

});

</script>

方法三：后台数据
<script>

$().ready(function() {
       

 var senders ="";

        $.ajax({

            url:"<%=basePath%>/members/searchname.do",

            method:"get",

            dataType: "json",

            success:function(data){

                $.each(data.sender, function(index, obj) {//拼接成json数据

                            senders = senders + ',{"address_city" : "'

                                    + obj.address_city + '","name" : "'

                                    + obj.name + '"}';

                        });

                        senders = '['+senders.substring(1)+ ']';

                        $("#TSenderid").autocomplete(

                                 eval(senders),

                                {

                                    max : 12, //列表里的条目数

                                    minChars : 0, //自动完成激活之前填入的最小字符

                                    width : 271, //提示的宽度，溢出隐藏

                                    scrollHeight : 300, //提示的高度，溢出显示滚动条

                                    matchContains : true, //包含匹配，就是data参数里的数据，是否只要包含文本框里的数据就显示

                                    autoFill : false, //自动填充

                                    formatItem : function(row, i, max) {

                                        return i + '/' + max + ':"' + row.name + '"['

                                 

                                                + row.address_city + ']';

                                    },

                                    formatMatch : function(row, i, max) {

                                        return row.name;//匹配的字段

                                    },

                                    formatResult : function(row) {

                                        return row.name;//选择之后，input中填充的字段

                                    }

                                }).result(function(event, row, formatted) { 

                                     alert(row.name);

                               $("#s_city").val(row.address_city);       

                        });

                    }

                });

});

</script>
//还有一种ajax得，下次更