bootstrap typeaheadが結果を取得していません。

-1

bootstrap typeaheadを使用してオートコンプリートしようとしていますが、結果が取得されません。 iはjqueryの、AJAXを使用して何度も試してみましたbootstrap typeaheadが結果を取得していません。

のindex.php私はAJAX呼び出しと一緒に先行入力使用していますが、その与えていない結果が

出典

2016-06-13 parvez

にコンソールに何らかのエラーが発生する可能性がありますか？ – Noni

コンソールにエラーが表示されない – parvez

本体の末尾で、「」の直前に「」 – arnoudhgz

私はあなたがbootstrap3-先行入力を使用していると信じて

<!DOCTYPE html> 
<html> 
<head> 
<title></title> 
<script type="text/javascript" src="typeahead.js"></script> 
<script> 
    $(function() { 
    $('#typeahead').typeahead({ 
      source:function(typeahead,query) 
      { 
       $.ajax({ 
       url :'mysql.php', 
       type :'POST', 
       data :'query=' + query, 
       dataType :'json', 
       async :false, 
       success:function(data) 
       { 
        typeahead.process(data); 
       } 
       }); 
      } 

     }); 

    }); 
</script> 
</head> 
<body> 
    <input type="text" name="term" id="typeahead" class="form-control" size="50" placeholder="Search" > 
</body> 
    </html> 

mysql.php 
<?php 
$conn = mysqli_connect('localhost', 'root','','mydb'); 
if (!$conn) { 
    die("Connection failed: " . mysqli_connect_error()); 
} 

$searchTerm = $_POST['query']; 
$query = mysqli_query($conn,"SELECT * FROM content_ref_table WHERE title LIKE '%{$searchTerm}%' ORDER BY title ASC"); 
while ($row = mysqli_fetch_assoc($query)) { 
    $data[] = $row['title']; 
    } 
    echo json_encode($data); 
    ?>

/または別のブートストラップ2.x先読み派生？もしそうなら、sourceメソッドの引数を混乱させました。process、queryここで、processは非同期コールバックです。あなたのコードは

$('#typeahead').typeahead({ 
    source: function(query, process) { 
    var url = 'mysql.php?query=' + query 
    return $.get(url, {}, function(data) { 
     return process(data) 
    }) 
    } 
})

出典

2016-06-14 12:54:05 davidkonrad

@parvezです。私はそれを削除する必要があります...？ – davidkonrad

bootstrap typeaheadが結果を取得していません。

答えて

関連する問題