jquery - 来自 MySQL 结果的 jQuery 自动完成（无 JSON - 如果可能）

Question

我需要在我的网站上具有自动完成功能，但我不是 JSON 专家。我从不处理 JSON，所以我希望我仍然可以从普通的 MySQL 结果中自动完成。

但从我在这里看到的：http: //jqueryui.com/demos/autocomplete/我看不到从 MySQL 结果中获取自动完成的任何可能性。是真的吗？

Answer 1

你也可以简单地使用php

在这里检查

这是 ajax 演示 :)

下载

Answer 2

您只需要进行 AJAX 调用并获取搜索结果，然后将它们作为 JSON 发送回客户端。然后只需将其与自动完成文本框绑定即可。

要使用的 jQuery 插件是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"
        });
      }
   });


});