javascript - 'Sys' 未定义 - Ajax - 主页面和内容页面 ASP.NET 4.0

Question

我已经有这个问题很长一段时间了，并尝试了各种解决方案，用各种标签编辑 Webconfig。

我在我的网页上使用更新面板、计时器和 AJAX。（会不会是 AJAX 引发错误？）

我真的不知道如何定义问题，因为我真的不知道在哪里追踪它。

我已经在母版页的主体上放置了一个 onload（不知道这是否正确）这是一些标记代码和我认为会引发错误的 Javascript 代码。

母版：

<!DOCTYPE html>
<html lang="en">
<head runat="server">
    <meta charset="utf-8" />
    <title><%: Page.Title %> - </title>
    <link href="~/Content/Site.css" rel="stylesheet" /> 
    <link href="~/Content/BarChart.css" rel="stylesheet" />
    <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <asp:PlaceHolder runat="server">        
        <script src="<%: ResolveUrl("~/Scripts/_references.js") %>"></script>
        <script src="<%: ResolveUrl("~/Scripts/modernizr-2.5.3.js") %>"></script>
        <script src="<%: ResolveUrl("~/Scripts/jquery-1.7.1.js") %>"></script>
        <script src="<%: ResolveUrl("~/Scripts/jquery-1.7.1.min.js") %>"></script>
        <script src="<%: ResolveUrl("~/Scripts/jquery-ui-1.8.20.js") %>"></script>
        <script src="<%: ResolveUrl("~/Scripts/jquery-ui-1.8.20.min.js") %>"></script>
        <script src="<%: ResolveUrl("~/Scripts/ButtonManager.js") %>"></script>
        <script src="<%: ResolveUrl("~/Scripts/BarChart.js") %>"></script>
    </asp:PlaceHolder>
    <meta name="viewport" content="width=device-width" />
    <asp:ContentPlaceHolder runat="server" ID="HeadContent" />
</head>
<body >
    <form runat="server">
    <asp:ScriptManager runat="server">
        <Scripts>
            <asp:ScriptReference Name="jquery" />
            <asp:ScriptReference Name="jquery.ui.combined" />
        </Scripts>
    </asp:ScriptManager>
    <header>
        <div class="content-wrapper">
            <div class="float-left">
                    <asp:ImageButton ID="Logo" cssclass="site-title" runat="server" PostBackUrl="~/" ImageUrl="~/Images/Logo.png" />
            </div>
            <div class="float-right">
                <section id="login">
                    <asp:LoginView runat="server" ViewStateMode="Disabled">
                        <AnonymousTemplate>
                            <ul>
                                <li><a id="registerLink" runat="server" href="~/Account/Register.aspx">Register</a></li>
                                <li><a id="loginLink" runat="server" href="~/Account/Login.aspx">Log in</a></li>
                            </ul>
                        </AnonymousTemplate>
                        <LoggedInTemplate>
                            <p>
                                Hello, <a runat="server" class="username" href="~/Account/Manage.aspx" title="Manage your account">
                                    <asp:LoginName runat="server" CssClass="username" />
                                </a>!
                                <asp:LoginStatus runat="server" LogoutAction="Redirect" LogoutText="Log off" LogoutPageUrl="~/" />
                            </p>
                        </LoggedInTemplate>
                    </asp:LoginView>
                </section>
                <nav>
                    <ul id="menu">
                        <li><a runat="server" href="~/">Home</a></li>
                        <li><a runat="server" href="~/Barchart.aspx">About</a></li>
                        <li><a runat="server" href="~/Contact.aspx">Contact</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <div id="body">
        <asp:ContentPlaceHolder runat="server" ID="FeaturedContent" />
        <section class="content-wrapper main-content clear-fix">
            <asp:ContentPlaceHolder runat="server" ID="MainContent" />            
        </section>
    </div>
    <footer>
        <div class="content-wrapper">
            <div class="float-left">
                <p>&copy; <%: DateTime.Now.Year %> - My ASP.NET Application</p>
            </div>
        </div>
    </footer>  
    </form>
</body>
</html>

内容页：

<asp:Content runat="server" ID="FeaturedContent" ContentPlaceHolderID="FeaturedContent">
</asp:Content>
<asp:Content runat="server" ID="BodyContentHome" ContentPlaceHolderID="MainContent" >
    <asp:Panel ID="UpdatepanelWrapper" CssClass="Updatepanelwrapper" runat="server">
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" >
            <ContentTemplate>
                <asp:PlaceHolder runat="server" ID="WholeWrapper">

                    <asp:PlaceHolder runat="server" ID="QuestionWrapper">
                        <asp:PlaceHolder runat="server" ID="LabelQuestion"></asp:PlaceHolder>
                        <asp:PlaceHolder runat="server" ID="Question"></asp:PlaceHolder>                        
                    </asp:PlaceHolder>
                </asp:PlaceHolder>
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="btnAdd" EventName="Click" />
                <asp:AsyncPostBackTrigger ControlID="btnDelete" EventName="Click" />
            </Triggers>

        </asp:UpdatePanel>    
        <asp:Panel ID="ButtonPanel" CssClass="ButtonPanel" runat="server">
            <asp:ImageButton ID="btnDelete" runat="server" ImageUrl="~/Images/Deleteicon.png" CssClass="DeleteButtonHidden" OnClientClick="btnDelete_Click" />
            <asp:ImageButton ID="btnAdd" runat="server" ImageUrl="~/Images/Addicon.png" CssClass="AddButtonMoreMargin" OnClientClick="btnAddQuestion_Click" />
        </asp:Panel>
        </asp:Panel>  
    <asp:Button ID="btnSendQuestions" runat="server" Text="Skapa Föreläsning och frågor" OnClick="btnSendQuestions_Click" ValidationGroup="QuestionGroup" />

</asp:Content>

JAVASCRIPT代码：

if (window.addEventListener) window.addEventListener("load", load(), true);
else window.onload = load();

function load() {
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
}

function EndRequestHandler(sender, args) {
// NOT IMPORTANT
}

score 9 · Accepted Answer

我刚刚解决了这个问题。我认为。我知道该函数是在构建 DOM 之前运行的。

所以我就这样做了

$(document).ready(function () {
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
});

一个问题仍然存在。当我点击 Imagebutton btnAdd 控制台说：

Uncaught ReferenceError: btnAddQuestion_Click is not defined
onclick

这将我引导到编写此 ImageButton 的代码行。

Internet Explorer 根本不喜欢这样。但即使错误消息出现在开发控制台中，其他浏览器也会像什么都没有一样继续进行。

按钮功能适用于。唯一的问题是错误。

编辑：这已经解决了。我正在使用“OnClientClick”。在图像按钮上。我将其更改为 OnClick 并解决了此问题。我不知道这两者之间的区别，但只要它有效，我就很高兴。

score 2 · Accepted Answer

您需要做的就是EnableCdn="true"在脚本管理器中进行设置，如下所示：

<asp:ScriptManager ID="ScriptManager1" runat="server" EnableCdn="true" />

基本上，由于Sys某种原因不会下载该库，如果您设置EnableCdn="true"它将使用 Microsoft 的内容交付网络 (CDN) 下载您需要的脚本，包括该Sys库。

我在这篇文章中有更详细的解释。

score 1 · Accepted Answer

在我的情况下，我发现罪魁祸首是由于在函数/方法 OnPreRenderComplete 的覆盖版本中缺少对 MyBase.OnPreRenderComplete(e) 的调用引起的。

通过包括对 MyBase.OnPreRenderComplete(e) 的调用，一切正常。如果缺少对 MyBase.OnPreRenderComplete(e) 的调用，则会收到错误“Uncaught ReferenceError: Sys is not defined”，并且许多事情都无法正常工作。

Protected Overrides Sub OnPreRenderComplete(ByVal e As EventArgs) 'MyBase.OnPreRenderComplete(e) ... End Sub

score 0 · Accepted Answer

对于 asp.net 页面

只需在页面上添加 Scriptmanager。

如何添加转到工具栏（Visual Studio 左侧）--> AJAX Extensions --> Scriptmanager --> 双击或拖放

:)

score 0 · Accepted Answer

就我而言，问题是我在部分回发后放置了以下代码以保留 gridview 表头：

protected override void OnPreRenderComplete(EventArgs e)
{
    if (grv.Rows.Count > 0)
    {
        grv.HeaderRow.TableSection = TableRowSection.TableHeader;
    }
}

删除此代码停止了该问题。

score 0 · Accepted Answer

另一种解决方案是将脚本标记放在 web 表单或母版页底部的 html 关闭标记之前：

<html>
   <body>
    .
    .
    .
   </body>
   <script type="text/javascript" src="/scripts/script.js"></script>
</html>

对于使用母版页的网络表单，您必须将脚本标记放在结束</asp:Content>标记之前。

javascript - 'Sys' 未定义 - Ajax - 主页面和内容页面 ASP.NET 4.0

6 回答 6

Related

Reference