javascript - 如何在更新面板更新之前执行 javascript 函数

Question

我想在触发更新面板进行刷新之前运行 jQuery 函数。由于可以使用许多按钮和其他方式中的任何一种来完成此刷新，我希望使用提交处理程序或类似的东西，但它不起作用。

我尝试将此事件附加到主窗体：

jQuery('form').submit(function () { alert('submit!'); });

还有这个附加到更新面板

jQuery('#pnlContent').submit(function () { alert('submit!'); });

任何人都知道如何做到这一点？

Answer 1

这对我有用。明白了这里的想法。基本上，您定义了一个在更新之前运行的函数，以及一个在之后运行的函数。然后您注册这些功能以使用页面请求管理器运行。

<script type="text/javascript">
    /* Put your code to run before UpdatePanel begins async postback here */
    function beforeAsyncPostBack() {
        var curtime = new Date();
        alert('Time before PostBack:   ' + curtime);           
    }

    /* Put your code to run after UpdatePanel finishes async postback here */
    function afterAsyncPostBack() {
        var curtime = new Date();           
        alert('Time after PostBack:    ' + curtime);
    }

    /* Don't mess with any of the below code */
    Sys.Application.add_init(appl_init);

    function appl_init() {
        var pgRegMgr = Sys.WebForms.PageRequestManager.getInstance();
        pgRegMgr.add_beginRequest(beforeAsyncPostBack);
        pgRegMgr.add_endRequest(afterAsyncPostBack);
    }      
</script>

Answer 2

您可以使用 onsubmit="return check();" 通知。它会在像这样提交表单之前检查此功能。

function check(){
   // do javascript code
   // after check your javascript
   document.getElementById("frm1").submit();
}

HTML：

<form id="frm1" action="#" onsubmit="return check();">
    First name: <input type="text" name="fname"><br>
    Last name: <input type="text" name="lname"><br>
    <input type="submit" name="submit" value="Submit form">
</form>

Answer 3

function PageLoad()
{
    if (!window.Sys.WebForms.PageRequestManager.getInstance().get_isInAsyncPostBack())
    {
        window.Sys.WebForms.PageRequestManager.getInstance().add_endRequest( AjaxEnd );
        window.Sys.WebForms.PageRequestManager.getInstance().add_initializeRequest( AjaxBegin );
    }
}

function AjaxEnd()
{
    alert("AjaxEnd");
}

function AjaxBegin()
{
    alert("AjaxBegin");
}