從MySQL結果jQuery自動完成（沒有JSON - 如果可能）

我需要在我的網站上有自動完成功能，但我不是JSON人。我從來沒有處理JSON，所以我希望我仍然可以從普通的MySQL結果自動完成。從MySQL結果jQuery自動完成（沒有JSON - 如果可能）

但從我在這裏看到的：http://jqueryui.com/demos/autocomplete/我沒有看到任何可能從MySQL結果中獲得自動完成。這是真的嗎？

來源

2012-10-05 Saint Robson

該腳本語言你用於後端？ – codeit

我正在使用PHP。你有這個自動完成的例子嗎？ –

回覆此鏈接：http://stackoverflow.com/questions/5305294/jquery-autocomplete-mysql-php – codeit

您只需進行一次AJAX調用，然後將搜索結果作爲JSON發送回客戶端即可。然後將其與自動完成文本框綁定。

jQuery的plgin的使用數量爲http://docs.jquery.com/UI/API/1.8/Autocomplete

Example- A textbox with ID 'txtlocation' is added with autocomplete functionality here. 
$(document).ready(function(){ 

    $("#txtlocation").autocomplete({ 
    source: function (request, response) { 
     $.ajax({ 
      url: "/PublicHome/AutoPopulateLocation", //Call to Server Side 
      data: "{ 'searchText': '" + request.term + "' }", 
      dataType: "json", 
      type: "POST", 
      contentType: "application/json; charset=utf-8", 
      dataFilter: function (data) { return data; }, 
      success: function (data) { 
        response($.map(data, function (item) { 
         return { 
          value: item.Suburb 

        })) 
       }, 
      error: function (XMLHttpRequest, textStatus, errorThrown) { 

      } 
     }); 
    }, 
    open: function (event, ui) { 
     $(this).autocomplete("widget").css({ 
      "width": 344, 
      "font-size": 11, 
      "font-family": "Arial" 
     }); 
     } 
    }); 


});

來源

2012-10-05 04:33:11

你有一些例子嗎？請... –

你已經更新了例子的答案 –

糾正我，如果我錯了：url：「/ PublicHome/AutoPopulateLocation」，/ /調用服務器端>>意味着我必須參考我的PHP文件，像這樣的URL ：「search.php」以及search.php所做的實際上是將MySQL輸出轉換爲JSON格式，那是什麼意思？ –