Typeahead Bootstrap在本地但不在生產服務器上工作

我有一些問題，我無法確定。我已經編寫了使用Type-ahead來獲取自動完成搜索系統的功能。Typeahead Bootstrap在本地但不在生產服務器上工作

該功能在localhost機器上完美工作，但當它上傳到服務器時，該功能被破壞。

這是我提前輸入語法：

<script> 
     $(document).ready(function(){ 
      $('#q').typeahead({ 
       source: function(query, process){ 
        $.ajax({ 
         url:'autosearch.php', 
         type:'POST', 
         data:'query=' + query, 
         dataType: 'JSON', 
         async: true, 
         success:function(data){ 
          process(data); 
         } 
        }); 
       } 
      }) 
     }); 
     </script>

它得到文本輸入（以下HTML）值

<form method="GET" action="search.php" class="form-inline pull-right"> 
         <input name="q" id="q" class="span5" type="text" placeholder="search" data-provide="typeahead" autocomplete="off"> 
         <button type="submit" class="btn btn-primary"> <i class="icon-search icon-white"></i></button> 
        </form>

有什麼不對這個功能呢？

感謝

UPDATE

從螢火得到結果後，它顯示了PHP文件時發生的錯誤

注意：未定義指數：●在C：\ XAMPP \ htdocs中\ kbase \ panel \ autosearch.php on line 5

php代碼是這樣的：

<?php 
require_once "configuration.php"; 
$q = mysql_real_escape_string(strtolower($_GET['q'])); 

$sql = "SELECT DISTINCT title as title FROM ** WHERE title LIKE '%" . $q ."%'"; 
$rsd = mysql_query($sql); 
$cname = array(); 

while ($rs = mysql_fetch_assoc($rsd)) 
{ 
    $cname[] = $rs['title']; 
} 
echo json_encode($cname); 
?>

來源

2013-06-19 randytan

autosearch.php發送一個POST請求，而不是一個GET之一。它也發送變量名稱query而不是q。

作爲一個頭的，你可以簡化AJAX查詢：

$(document).ready(function(){ 
    $('#q').typeahead({ 
     source: function(query, process) { 
      $.ajax({ 
       url:'autosearch.php', 
       type:'POST', // <- defaults to GET (desired by your PHP) 
       data:'query=' + query, // <- change to {'q': query} for your PHP 
       dataType: 'JSON', // <- 'json' LOWERCASE 
       async: true, // <- defaults to true anyway 
       success: process // <- same function signature 
     } 
    }) 
});

來源

2013-06-19 04:53:47 pickypg

是的，謝謝pickypg，我只有jquery的查詢命名爲q。我只是從GET添加一些isset，嘗試將其更改爲POST方法 – randytan

如果您希望它成爲POST請求，那麼將$ _GET改爲$ _POST並將type設置爲POST '在Ajax調用中。 – pickypg

Typeahead Bootstrap在本地但不在生產服務器上工作

回答

相關問題