Bootstrap 3和Typeahead.js问题

Question

我在Bootstrap 3和来自github https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md#datasets的 typeahead.js遇到问题

我正在尝试从ajax获取数据，以便在用户输入我的输入字段时向用户提出建议。

我的控制台不断向我显示“未捕获的TypeError：无法读取未定义的属性'replace'的消息”

有什么帮助吗？

 <html>
 <head>

 <!-- Bootstrap framework -->
  <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css" />

</head>

<body>

 <div class="well">
  <input type="text" class="span3 typeahead form-control" id="players" data-provide="typeahead">
 </div>



<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 <!-- main bootstrap js -->
  <script src="../bootstrap/js/bootstrap.min.js"></script>
 <!-- bootstrap plugins -->
 <script src="../js/bootstrap.plugins.min.js"></script>
 <!-- typeahead-->
 <script src="../lib/typeahead/typeahead.min.js"></script>

<script type="text/javascript">

  $(function(){

$('#players').typeahead({


  name: 'players',
  remote: function(query, cb){

       $.ajax({

      url: 'ajax/search.php',
      type: 'POST',
      data: 'query='+query,
      dataType: 'JSON',
      async: true,
      success: function(data){

        cb(data);
         }

        })
  }

})

 });

  </script>

Ajax数据文件（PHP）：

 <?

if(isset($_POST['query'])){

  include 'connect.php';

  $query = $_POST['query'];

  $sql = mysql_query("SELECT * FROM players WHERE name LIKE '%{$query}%'");

  $array = array();

  while($row = mysql_fetch_assoc($sql)){

   $array[] = $row['name'];

  }

  echo json_encode($array);

 }



 ?>

Answer 1

不是100％确定这是问题所在，但也许尝试更改

data: 'query='+query,

至

data: {"query" : query},

我遇到了这个问题，它解决了我的问题

Bootstrap 3和Typeahead.js问题

问题描述

1 个解决方案

解决方案1
0 2014-04-11 13:20:34

Bootstrap 3和Typeahead.js问题

问题描述

1 个解决方案

解决方案1 0 2014-04-11 13:20:34

解决方案1
0 2014-04-11 13:20:34