programing

포스트백 후 javascript 기능 실행

newstyles 2023. 3. 10. 21:18

포스트백 후 javascript 기능 실행

업데이트 패널 내에서 포스트백 후 Javascript 이벤트를 실행하려면 어떻게 해야 합니까?

사용할 수 있습니다.endRequest의 사건PageRequestManager.

<form id="form1" runat="server">
<div>
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>   
            <asp:Button runat="server" Text="Button" />
        </ContentTemplate>
    </asp:UpdatePanel>
</div>
</form>
<script type="text/javascript">
    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_endRequest(function (s, e) {
        alert('Postback!');
    });
</script>

새로고침 시 ClientScriptManager를 사용하여 함수를 호출할 수 있습니다.

ClientScriptManager.RegisterStartupScript(this.GetType(), "AKey", "MyFunction();", true);

http://msdn.microsoft.com/en-us/library/asz8zsxy.aspx

간단하게

<script type="text/javascript"> 
    function pageLoad() { 

  } 
</script>

<asp:ScriptManager runat="server" />

<asp:UpdatePanel runat="server"> 
  <ContentTemplate> 
    <asp:Button runat="server" ID="Button1" /> 
    <asp:Literal runat="server" ID="TextBox1" /> 
 </ContentTemplate> 
</asp:UpdatePanel>

그런 다음 Button1이 트리거될 때마다 pageLoad()가 계속 호출됩니다.

Dave Ward의 이 글을 읽어주세요.

이것을 시험해 보세요.

$.ajax({
beforeSend: function(){
// Handle the beforeSend event
},
complete: function(){
// Handle the complete event
}
// ......
});

UpdatePanel 내에서 사용하기 위해서는 ScriptManager를 사용합니다.Register Startup Script

언급URL : https://stackoverflow.com/questions/4223837/run-javascript-function-after-postback