aspx页面与更新面板不工作后加载在母版页与jQuery ajax

本文关键字：加载 母版页 jQuery ajax 更新 aspx 工作 | 更新日期: 2023-09-27 18:05:15

我有一个aspx页面包含更新面板。但是，更新面板的内容只在第一次更新，其他时间不更新。

我的主页: 

<head id="Head1" runat="server">
    <script src="Script/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="Script/site.js" type="text/javascript"></script>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
    <div id="content">
        <div class="main">
            <asp:ContentPlaceHolder ID="contentMain" runat="server">
            </asp:ContentPlaceHolder>
        </div>
    </div>
</form>
</body>

My ASPX Page

<head runat="server">
</head>
<body>
    <form id="form2" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel runat="server" ID="UpdatePanel" UpdateMode="Conditional">
        <ContentTemplate>
            <div style="text-align:center; margin:50px">
                <asp:Button ID="btnUpdate" runat="server" Text="update" Width="50px" 
                    onclick="btnUpdate_Click"/>
                <br />
                <asp:Label ID="lblTime" runat="server"></asp:Label>
            </div>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="btnReg" EventName="Click" />
        </Triggers>
    </asp:UpdatePanel>
    </form>
</body>
</html>

我的ASPX Page Code Behind

protected void btnUpdate_Click(object sender, EventArgs e)
{
    lblTime.Text = DateTime.Now.ToString();
}
我JavaScript 

$(document).ready(function () {
    $(window).load(function () {
        loadContent();
    });
});
function loadContent() {
    $.ajax({
        type: 'get',
        url: 'Page.aspx',
        contentType: 'application/html; charset=utf-8',
        dataType: 'html',
        beforeSend: sendContent,
        success: successContent,
        error: errorContent
    });
}
function sendContent() {
    ////loading
}
function successContent(data, status) {
    $("#content .main").html(data);
    $("#content").show();
}
function errorContent(request, status, error) {
    ////error
}

thanks a lot

aspx页面与更新面板不工作后加载在母版页与jQuery ajax

在您提供的代码中，您从未调用函数loadContent。我将loadContent添加到jQuery ready()中，它可以在我的计算机上工作。

如果你的页面上有两个表单，那么你就有两个"StateView"变量。当asp.net检查变量时，可能会抛出错误，因为状态变量第二次来自Site的形式。管理器而不是来自Page.aspx。我刚刚在主页上删除了表单，现在按钮工作得很好。

我的主页: 

<%@ Master Language="C#" CodeBehind="Site.master.cs" Inherits="WebApplication4.SiteMaster" %>
<!DOCTYPE html>
<html lang="en">
<head id="Head1">
    <script src="Scripts/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="Scripts/site.js" type="text/javascript"></script>
</head>
<body>
    <div id="content">
        <div class="main">
        </div>
    </div>
</body>
</html>
我Page.aspx 

<%@ Page Language="C#" CodeBehind="Page.aspx.cs" Inherits="WebApplication4.Page" %>
<form id="form2" enableviewstate="false" runat="server">
<asp:ScriptManager ID="ScriptManager1">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel" UpdateMode="Conditional">
    <ContentTemplate>
        <asp:Button ID="btnUpdate" Text="update" Width="50px" 
                onclick="btnUpdate_Click" runat="server"/>
        <asp:Label ID="lblTime" runat="server"></asp:Label>
                //////////// Some Tags ///////////
    </ContentTemplate>
</asp:UpdatePanel>
</form>

我的ASPX Page Code Behind

protected void btnUpdate_Click(object sender, EventArgs e)
{
    lblTime.Text = DateTime.Now.ToString();
}

site.js 

function loadContent() {
    $.ajax({
        type: 'get',
        url: 'Page.aspx',
        contentType: 'application/html; charset=utf-8',
        dataType: 'html',
        beforeSend: sendContent,
        success: successContent,
        error: errorContent
    });
}
function sendContent() {
    ////loading
}
function successContent(data, status) {
    $("#content .main").html(data);
    $("#content").show();
}
function errorContent(request, status, error) {
    ////error
}
$(function () {
    loadContent();
});
相关文章：