dporb84480 2014-04-10 23:24
浏览 80

Bootstrap 3和Typeahead.js问题

I'm having a problem with bootstrap 3 and typeahead.js from github https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md#datasets

I'm trying to get my data from ajax to appear to suggest to a user when he types in my input field.

My console keeps giving me a message that says "Uncaught TypeError: Cannot read property 'replace' of undefined "

any help?

 <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 data file (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);

 }



 ?>
  • 写回答

1条回答 默认 最新

  • dqsxsmi3704 2014-04-11 13:20
    关注

    not 100% sure this is the issue, but perhaps try changing

    data: 'query='+query,
    

    to

    data: {"query" : query},
    

    I was having this issue and it fixed my problem

    评论

报告相同问题?

悬赏问题

  • ¥15 C#调用python代码(python带有库)
  • ¥15 矩阵加法的规则是两个矩阵中对应位置的数的绝对值进行加和
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面
  • ¥50 NT4.0系统 STOP:0X0000007B