紀錄一下在ASP.Net 上使用AJAX呼叫Webmethod方法，做這個是因為有一項需求是要在Textbox下方，顯示資料庫搜尋的內容，依據每次在TextBox輸入的值，大概類似Google搜尋效果。 事實是JQuery的AutoComplete方法簡易實現，但AutoComplete需要事先將資料寫入前端，在這個需求中不是用的原因是： 1. 需求希望能開發出一公用的呼叫方式，每次只需在資料邏輯綁定Textbox即可，而不是每次寫死在前端中。 2.不同TextBox藉由綁定不同的Key讓DB識別要綁定那些內容到此Textbox下方。 3.每次在Textbox中輸入值會重新對DB獲取資料。 這有一缺點是經常性對DB取資料，可能會造成網路不佳的使用者在此功能的體驗不佳，若要避免此缺點，必須在畫面初始時把所有資料全部寫入前端畫面，但在我的情況來說，所有的資料過於龐大，不建議使用這個方法。 依我的例子來說使用XML傳輸DB資料，只要超過三百筆就會出現明顯卡頓，有三百筆以上的需求的可以使用JSON NET這方法實現，需要先把Newtonsoft.JSON加入參考。 首先是實作對DB取資料的function，所有WebMethod呼叫的方法一定要是Static。 [WebMethod] public static string Search(string Key, string Text) { 假設dtData為資料庫取回的資料 //JOSN NET string xmlInput = dtData.DataSet.GetXml(); // 透過XmlDocument讀入 System.Xml.XmlDocument xmlDoc = new System.Xml.XmlDocument(); xmlDoc.LoadXml(xmlInput); // 透過Json.NET將XmlNode轉為Json格式字串 string jsonText = Newtonsoft.Json.JsonConvert.SerializeXmlNode(xmlD
