Twitter Bootstrap Typeahead如何从MySQL/JSON获取数据源

Question

基本上，我希望我的自动补全从mysql表获取源代码。

以下是我的代码：

 <script src="../../js/bootstrap-typeahead.js"></script>
 <script type="text/javascript">
  var patients = [HERE I WANT TO PUT THE SUGGEST_PATIENTS.PHP];
       $('#search_bar').typeahead({source: patients})

 </script> 

suggest_patient.php

 <?php
include('../../db.php');

       $query = $conn->prepare('SELECT * FROM patients WHERE fname LIKE ?');
       $query->execute(array('value%'));

           $output_string = '';

           for($i=0; $row = $query->fetch(); $i++){
                $fname = $row['fname'];
                $lname = $row['lname'];
                $mname = $row['mname'];
                $bday = $row['bday'];
                $religion = $row['religion'];
                $occupation = $row['occupation'];
                $gender = $row['gender'];
                $phoneno = $row['phoneno'];
                $address = $row['address'];
                $type = $row['type'];    
           }

           $output_string = $fname;
      echo json_encode($output_string);
 ?>

但是它没有得到typeahead效果。你能帮我找出代码中缺少什么吗？非常感谢您的帮助。

- neknek mouh

Answer 1

如果您阅读文档，它会说明source应该是一个数组或JavaScript函数。

- ianbarker

---

谢谢指引，但是我已经更新了问题，我想将JSON传递到我的JavaScript变量patients中。 - neknek mouh

你需要使用ajax加载php文件或在php中包含它，但我仍然认为这不会起作用，因为源应该是数组或函数，而不是json。 - ianbarker

对于 JSON，我知道如何将其转换为数组。 - neknek mouh

最好使用php包含它，只需 <?php include 'SUGGEST_PATIENTS.PHP' ?>。如果你想用ajax实现，可以查看jquery ajax文档。 - ianbarker