부트 스트랩 3 Typeahead.js 문제

내가 GitHub의에서 부트 스트랩 3 typeahead.js에 문제가있어 내가 아약스에서 내 데이터를 얻으려고 https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md#datasets 부트 스트랩 3 Typeahead.js 문제

때 그 유형의 사용자에게 제안 표시하기 내 입력란에

도움이 :

내 콘솔은 나에게 "정의의 '대체'속성을 읽을 수 없습니다 catch되지 않은 형식 오류"라는 메시지를주고 유지?

<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>

아약스 데이터 파일 (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); 

} 



?>

출처

2014-04-10 mattchambers

100 % 확인이 문제이지만, 아마도

에

data: 'query='+query,

을 변경해보십시오

data: {"query" : query},

이 문제가있어서 문제가 해결되었습니다.

출처

2014-04-11 13:20:34 AceWebDesign

부트 스트랩 3 Typeahead.js 문제

답변

관련 문제