通过 ASPX 页面加载文本文件答案

【问题标题】：Loading Text File Through ASPX Page通过 ASPX 页面加载文本文件
【发布时间】：2014-12-08 10:42:33
【问题描述】：

好的，我正在使用网页进行项目。任务是从文本文件中加载文本并在 div 中使用它。我用的是ajax xmlhttprequest，教程用http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_first。一切正常，但问题是单击按钮时会调用该函数。但我希望在页面加载时调用它。那是页面立即打开的时候。而且我不知道如何使用它。这是我的代码：-

我的 Default.aspx 文件.....

    <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master"  AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Project02._Default" %>

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
    <script src="/Scripts/Dynamic.js"></script>
    <div id="Header"></div>




</asp:Content>



    function loadXMLDoc() {

    window.onload = loadXMLDoc;

    var xmlhttp;
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    }
    else {// code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("Header").innerHTML = xmlhttp.responseText;
            document.getElementById("Header").innerHTML = loadXMLDoc;
        }
    }
    xmlhttp.open("GET", "http://localhost:49683/Scripts/Content1.txt", true);
    xmlhttp.send();
}

请告诉我如何在这里编码。提前谢谢你

【问题讨论】：

标签： javascript jquery html asp.net ajax

【解决方案1】：

您的 javascript 需要包含在脚本块中。 window.load 事件也需要在函数声明之外。目前该函数永远不会触发。

   <script type='text/javascript'> 
     window.onload = loadXMLDoc;
    function loadXMLDoc() {

    var xmlhttp;
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    }
    else {// code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("Header").innerHTML = xmlhttp.responseText;
            document.getElementById("Header").innerHTML = loadXMLDoc;
        }
    }
    xmlhttp.open("GET", "http://localhost:49683/Scripts/Content1.txt", true);
    xmlhttp.send();
}
    </script>

【讨论】：

同时删除 .innerHTML = loadXMLDoc 行。