สอบถามเรื่อง typeahead ดึงข้อมูลจาก MySQL ครับ

อยากรบกวนสอบถามหรือขอ Keyword ในการดึงข้อมูลแบบ ajax จาก MySQL ครับ

ชื่อบริษัท : <input type="text" id="typeahead" data-provide="typeahead" />
หมวดสินค้า : <input type="text" id="getProduct" />

$('#typeahead').typeahead({
    source: function(query, process) {
        // This is where your ajax call would be
        objects = [];
        map = {};
        var data = [
            {"id":1,"label":"ไทย เรยอน","value":"อาหาร"},
            {"id":2,"label":"ไทยรุ่ง อินเตอร์ บิส","value":"เครื่องดื่ม"},
        ];
        $.each(data, function(i, object) {
            map[object.label] = object;
            objects.push(object.label);
        });
        process(objects);
    },
    updater: function(item) {
        $('#getProduct').val(map[item].value);
         return item;
    }
});

MySQL Query

$query = "SELECT * FROM chamber 
               WHERE company_chamber 
               LIKE '%".$request."%'
               GROUP BY company_chamber";

$result = mysqli_query($connect, $query);
while($row=mysqli_fetch_array($result)) {
    $json_data[]=array(  
        "id"=>$row['id'],  
        "label"=>$row['company_chamber'],  
        "value"=>$row['product'],  
    );    
}  
	$json= json_encode($json_data); 
	echo $json;  
	mysqli_close(); 
	exit;