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에서 refresh를 호출하면됩니다.

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

환호

Answer 2

입니다 당신은

EnablePageMethods = true이 그럼 당신은 [WebMethod]로 장식되어 페이지의 코드 숨김에서 방법을 필요 ScriptManager으로 필요합니다. 이 메소드는 데이터베이스에 대한 호출에 대한 책임을 질 것입니다

[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 
    } 
}); 

성공 콜백 컨트롤의를 반환 된 데이터를 처리하고 수동으로 채울 필요가있을 것이다 드롭 다운 목록. 다른 옵션은 직렬화 된 데이터를 웹 서비스 (asmx)에서 가져 오는 것입니다. 그것은 거의 동일하게 기능 할 것입니다.

희망 하시겠습니까?