Question

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

我的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();
}

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

Answer 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>

通过ASPX页面加载文本文件

1 个答案: