Advanced Interdisciplinary Projects Lab(AIPLab) 討論區

Please login or register.

請輸入帳號, 密碼以及預計登入時間

新聞:

[開學]105學年第2學期的課程看版開張了 歡迎同學問問題-20170201

作者 主題: jQuery Autocomplete - Server source  (閱讀 2035 次)

admin

  • 管理員
  • Hero Member
  • *****
  • 文章: 1614
    • 檢視個人資料
jQuery Autocomplete - Server source
« 於: 十一月 25, 2012, 06:10:41 pm »
程式碼: [Select]
$(document).ready(function () {
            $("#AutoCompleteText").autocomplete({
                source: function (request, response) {
                    $.ajax({
                        type: "POST",
                        contentType: "application/json; charset=utf-8",
                        url: "/WebService/AutoCompleteWebService.asmx/GetRandomStrings",
                        dataType: "json",
                        data: "{'Value':'" + request.term + "'}",
                        success: function (data) {
                                response($.map(data.d, function (item) {
                                    return {
                                        label: item.Name + '(' + item.Value + ')',
                                        value: item.Name
                                    }
                                }))
                        }
                    });
                },
                minLength: 2,
                select: function (event, ui) {
                   
                },
                open: function () {
                    $(this).removeClass("ui-corner-all").addClass("ui-corner-top");
                },
                close: function () {
                    $(this).removeClass("ui-corner-top").addClass("ui-corner-all");
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert(textStatus);
                }
            });

        });

http://code.msdn.microsoft.com/Use-Jquery-Autocomplete-a2e3e42e
已記錄
 

SimplePortal Classic 2.0.5