AJAX 请求后的 Javascript

Question

页面加载后，javascript中的commentsShowHideEffect函数运行。当发出 ajax 请求时，方法 commentsShowHideEffect() 中的所有指令都消失了。 ajax请求后如何恢复这些指令或再次调用commentsShowHideEffect()方法？

<script>
    $(function () {
        commentsShowHideEffect();
    });
</script}

 <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="MessageButton" />
    </Triggers>
    <ContentTemplate>
        <asp:Timer ID="RefreshTimer" runat="server" Interval="500" />
            <asp:DataList ID="ChatDataList" runat="server" >
                <ItemTemplate>    
                    <td><asp:Label ID="lblRaterName" runat="server" Text='<%# Eval("Text")%>'></asp:Label></td>
               </ItemTemplate>
            </asp:DataList>
     </ContentTemplate>
</asp:UpdatePanel>

Answer 1

您可以绑定Sys.WebForms.PageRequestManager endRequest 事件，该事件将在更新面板完成 ajax 请求后触发。

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
function EndRequestHandler(sender, args)
{
     alert("After ajax call ended");
}

Answer 2

你没有在你的问题中提到 jQuery，也没有在标签中提到。 但是您的代码表明您正在使用它，所以这里有一个相关文档页面的链接：

http://api.jquery.com/ajaxComplete/

在你的情况下，这应该有效：

$(document).ajaxComplete(function(event,request, settings) {
   commentsShowHideEffect();
});

请注意，上述内容将针对每个 ajax 请求触发。如果您想要更多控制权，您应该对各个请求使用完成或成功回调。

Answer 3

在 jQuery 范围之外定义 cmetsShowHideEffect：

<script>
    function commentsShowHideEffect() {
        //do something
    }

    $(document).ready(function (){
        commentsShowHideEffect();
    });
</script>

此外，我更喜欢使用 document.ready 语法，因为程序员更容易理解它是什么。