自動完成不顯示結果jquery

我想創建一個自動完成使用jqueryui.I回聲從遠程文件search.php的數據庫結果。它顯示正確的單詞中的火災錯誤的反應，但建議列表根本不顯示在我的html頁面中。任何人都可以幫我嗎？自動完成不顯示結果jquery

我使用 multipile ,remote演示的代碼在jqueryui.com

我的PHP代碼

<?php include("connection.php"); 
$q=mysql_real_escape_string($_GET['term']); 
$x="select fieldname from tablename where fieldname like '$q%'"; 
$query=mysql_query($x); 
while($row=mysql_fetch_array($query)) { echo $row['fieldname']."\n"; } ?> 
======================================================================== 

    ------------------------------------------------------------------------ 

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" /> 
     <script src="http://code.jquery.com/jquery-1.8.2.js"></script> 
     <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script> 
     <link rel="stylesheet" href="/resources/demos/style.css" /> 
     <style> 
     .ui-autocomplete-loading { 
      background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; 
     } 
     </style> 
     <script> 
     $(function() { 
      function split(val) { 
       return val.split(/,\s*/); 
      } 
      function extractLast(term) { 
       return split(term).pop(); 
      } 

      $("#birds") 
       // don't navigate away from the field on tab when selecting an item 
       .bind("keydown", function(event) { 
        if (event.keyCode === $.ui.keyCode.TAB && 
          $(this).data("autocomplete").menu.active) { 
         event.preventDefault(); 
        } 
       }) 
       .autocomplete({ 
        source: function(request, response) { 
         $.getJSON("search.php", { 
          term: extractLast(request.term) 
         }, response); 
        }, 
        search: function() { 
         // custom minLength 
         var term = extractLast(this.value); 
         if (term.length < 2) { 
          return false; 
         } 
        }, 
        focus: function() { 
         // prevent value inserted on focus 
         return false; 
        }, 
        select: function(event, ui) { 
         var terms = split(this.value); 
         // remove the current input 
         terms.pop(); 
         // add the selected item 
         terms.push(ui.item.value); 
         // add placeholder to get the comma-and-space at the end 
         terms.push(""); 
         this.value = terms.join(", "); 
         return false; 
        } 
       }); 
     }); 
     </script> 
    </head> 
    <body> 

    <div class="ui-widget"> 
     <label for="birds">Birds: </label> 
     <input id="birds" size="50" /> 
    </div>

來源

2012-11-08 Rag

如果我們看不到您的代碼，有人能幫助您嗎？我們是否猜測出了什麼問題？ – iMoses

你需要在這裏輸入一些代碼，這樣人們不必猜測什麼是錯的。你沒有給任何人提供有用的信息來幫助你。 –

把一些代碼 –

如果你的遠程文件放在你必須使用JSONP不同的域。 JSON不支持跨域數據傳輸。

閱讀更多關於Same Origin policy

來源

2012-11-08 11:21:45 Hemantwagh07

我在localhost工作，我可以看到響應下螢火蟲的迴應標籤 – Rag

我不知道JSON的很多，你可以回答我爲什麼響應顯示在螢火蟲響應下，爲什麼它沒有進來html頁面？ – Rag

可以發佈search.php的代碼 – Hemantwagh07

自動完成不顯示結果jquery

回答

相關問題