Javascript 没有将另一个页面加载到 DIV 中

Javascript not loading another page into DIV

本文关键字：加载 DIV 另一个 Javascript      更新时间：2023-09-26

我今天遇到了一些麻烦。我正在尝试让Javascript将内容加载到<div>中。现在，这是我的JavaScript源代码：

function loadXMLDoc(filename) {
    var xmlhttp;
    if (window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
    } else {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            after_load_function(xmlhttp.responseText);
        }
    }
    xmlhttp.open("GET", filename, true);
    xmlhttp.send();
}
function after_load_function(responseText) {
    document.getElementById("right").innerHTML = responseText;
}
window.onload = function () {
    loadXMLDoc("welcome.html");
}

还有我的div：

<div id="right"></div>

有谁知道这个问题吗？

有什么

理由不使用像JQuery load方法这样的抽象吗？

$( document ).ready(function() {
    $("#right").load( "welcome.html" );
})

对我来说看起来还不错。

刚刚遇到了类似的问题，这是我所拥有的，它似乎运行良好，

.HTML：

<html>
<head>
    <title> pageOne </title>
    <script src="jquery-1.11.1.min.js"></script>
</head>
<body>
    <input class='loadBtn' type='submit' value='Load a Different Page!:'>
    <div id="page"></div>
</body>
</html>

.JS：

//click function:
$(".loadBtn").click(function(){
        //div to hide/replace
        $('#page')
            //fadeOut div content:
            .delay(200).fadeOut('slow')
            //load method:
            .load
            //url #divToReplace
            ('pageTwo.php #page')
            //fadeIn new div content:
            .hide().delay(300).fadeIn('slow');
        //prevent default browser behavior
        return false;
    });
相关文章：