1

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

有谁知道这个问题?

4

2 回答 2

4

你有什么理由不使用像 JQueryload 方法这样的抽象吗?

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

对我来说看起来不错。

于 2013-10-27T03:20:41.623 回答
0

刚刚有一个类似的问题,这就是我所拥有的,它似乎工作得很好,

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;
    });
于 2014-08-12T18:03:54.930 回答