Question

我今天遇到了一些麻烦。我想让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>

有谁知道这个问题？

Answer 1

您是否有任何理由不使用JQuery load method之类的抽象？

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

对我来说非常好。

Answer 2

刚出现类似的问题，这就是我所拥有的，而且似乎工作得非常好，

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;
    });

Javascript没有将其他页面加载到DIV中

2 个答案: