Question

我尝试使用MySQL数据库中的数据来实现自动填充表单。

这是我的HTML：

<head>
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' integrity='sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u' crossorigin='anonymous'>
<link rel='stylesheet' href='jQuery/jquery-ui/jquery-ui.css'>
<script src='jQuery/jQuery.js'></script>
<script src='jQuery/jquery-ui/jquery-ui.js'></script>
<script src='bootstrap/js/bootstrap.js'></script>

<style>.typeahead, ...
//same as every other example
</style>

    <script src='typeahead/typeahead.js'></script>
<script>

$(document).ready(function() { 

$('#sdis').typeahead({
  hint: true,
  highlight: true,
  minLength: 1
},
{
 limit: 12,
 async: true,
 source: function (query, processSync, processAsync) {
  processSync(['This suggestion appears immediately', 'This one too']);
  return $.ajax({
   url: 'sdis.php', 
   type: 'GET',
   data: {query: query},
   dataType: 'json',
   success: function (json) {
     // in this example, json is simply an array of strings
     return processAsync(json);
     }
   });
  }
 });
});

</script>
</head>
<body>
<input type='text' class='form-control typeahead' id='test-field' placeholder='Contact'/>
</body>

我正在使用typeahead.js 0.11.1并且所有包含都在工作。

运行sdis.php？query = word

时

我得到以下列表：

["Word","Wordpress"]

但是当我在输入中键入它时没有任何反应。所以，这意味着php部分正常工作并返回JSON编码结果（这就是为什么我没有在这里发布），但不知何故，typeahead没有得到预期的结果。我也在php部分发送了JSON头。欢迎任何帮助/建议。

提前谢谢！

Typeahead不会显示结果，但php / mysql正在运行

0 个答案: