如何使JSON数据源适合Jquery自动完成小部件？

Question

我想使用Jquery UI-自动完成。 以下是使用自动填充的方法。

$(function() {
    var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"
    ];
    $( "#tags" ).autocomplete({
        source: availableTags
    });
});

这里定义了数组“availableTags”。 但我想从数据源生成自动完成，这是一个返回JSON数据的服务器端脚本。任何人都可以帮助我将数据源调整为自动完成？

我使用MVC架构（Codeigniter）并在控制器中使用以下方法返回JSON数据，

function supcode(){     
    $dataarray="";
    $data=$this->Inventorymodel->supcode();
    echo json_encode($data);
}

我使用以下函数在模型中获取数据，

function supcode(){
    $finresult="";
    $this->db->select('name');
    $query = $this->db->get('supplier');
    $result=$query->result_array();

    foreach($result as $row){
        $finresult[]=array(
            'name' => $row['name']
        );
    }
    return $finresult;
}

这里是控制器中函数supcode的URL，“index.php / inventory / supcode”

提前致谢.....

Answer 1

尝试这个

source: 'index.php/inventory/supcode',

并替换

    foreach($result as $row){
       $finresult[]=array(
        'name' => $row['name']
       );
    }

至

foreach($result as $row){
   $finresult[]=$row['name'];
}

Answer 2

不要用数组包装名称，只需：

foreach($result as $row){
    $finresult[]= $row['name'];
}

在javascript方面，使用url设置source ：

source: 'index.php/inventory/supcode',