如何使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',