JQuery自动完成无法远程获取数据

时间:2013-12-03 12:08:08

标签: php jquery autocomplete

我正在尝试使用php脚本远程检索数据进行自动完成工作。

如果我将数组arrx直接传递给源代码,它可以正常工作。

arrx = [{id:'48',label:'TEST 1'},{id:'49',label:'TEST 2'},{id:'50',label:'TEST 3'},{id:'51',label:'TEST 4'}]


                        $("#search2").autocomplete({
                            source: arrx,
                            minLength: 0,
                            select: function(event, ui) {
                                var url = ui.item.id;

                                   alert(url);

                            }
                        }).data("autocomplete")._renderItem = function( ul, item ) {
                        return $( "<li></li>" )
                            .data( "item.autocomplete", item )
                            .append( "<a>" + item.label  + " " + item.value + "</a>" )
                            .appendTo( ul );
                            } ;

但如果使用php页面返回相同的数组

来源:'/ myfolder/search.php'

什么都没有显示出来。我已经搜索了这个问题,但找不到解决方案。

你可以给我一些帮助吗?

修改 使用firebug我看到每次输入字符时都会正确检索数据。仍然没有出现

/myfolder/search.php 返回

[{id:'48',label:'TEST 1'},{id:'49',label:'TEST 2'},{id:'50',label:'TEST 3'},{id:'51',label:'TEST 4'}]

2 个答案:

答案 0 :(得分:0)

您应该使用php json encode将您的php数组转换为远程文件中的json数组。

答案 1 :(得分:0)

我错过了标题('Content-type:application / json; charset = utf-8');

在我的php页面上。