Question

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

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

Answer 1

你也可以简单地使用php

check here

这是ajax演示：）

download

Answer 2

您只需进行一次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"
        });
      }
   });


});

MySQL结果的jQuery自动完成（没有JSON - 如果可能的话）

2 个答案: