從jQuery更新ASP.NET下拉數據源

Question

我想更新我的下拉列表數據源（再次從數據庫中獲取值），但我想從jQuery做到這一點，那裏我插入/更新/從同一個數據庫表中刪除記錄。

這是我的下拉列表

<asp:DropDownList ID="ddl" runat="server" 
    AppendDataBoundItems="True" 
    DataSourceID="ShortCodeDataSource" 
    DataTextField="ShortcodeId" 
    DataValueField="ShortcodeId"> 
    <asp:ListItem>Select one...</asp:ListItem> 
</asp:DropDownList> 

<asp:ObjectDataSource ID="ShortCodeDataSource" runat="server" 
    SelectMethod="GetAllShortcodes" 
    TypeName="Sod.Iris.Service.ShortcodeService"> 
</asp:ObjectDataSource> 

Answer 1

另外，除了a432511發佈的代碼之外，您可以使用UpdatePanel方法。 把你的下拉列表放在UpdatePanel中，然後調用jquery的刷新。 在這個環節，你有例子，如何做到這一點：

http://encosia.com/2007/07/13/easily-refresh-an-updatepanel-using-javascript/

歡呼

Answer 2

你需要一個ScriptManager與EnablePageMethods = true

然後，你需要在你的頁面的代碼隱藏裝飾有[WebMethod]的方法。該方法將負責在調用數據庫

[WebMethod] 
public string GetNewData() 
{ 
    // Get Data 
    // maybe serialize and return 
} 

那麼你的jQuery需要看起來像這樣：

$.ajax({ 
    type: "POST", 
    url: "MyPage.aspx/GetNewData", 
    data: "{}", 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: function(data, msg) { 
    // Do something with data 
    } 
}); 

的成功回調將需要處理返回的數據，並手動填充控件下拉列表。另一種選擇是從Web服務（asmx）獲取序列化數據。它的功能差不多。

希望有幫助！