Question

$(document).ready(function(){
    $("#btnLoad").click(function(){
        $('#div1').load('test.txt', {}, fnLoad());
    });
});

function fnLoad()
{
    // How can I load the content of <div id="div1" /> into a variable here?
}

事实上，我想使用变量而不是div1.innerHTML。

Answer 1

对xhr请求使用$ .get，如下所示：

$(document).ready(function(){
    $("#btnLoad").click(function(){
        $.get('test.txt', fnLoad);
    });
});

function fnLoad(data)
{
    // Contents of test.txt should be in data argument here
}

Answer 2

$(document).ready(function(){
    $("#btnLoad").click(function(){
        $('#div1').load('test.txt', {}, fnLoad));
    });
});

function fnLoad(result)
{
    // The variable `result` contains the response of the AJAX call.
}

这就像将result传递给.load()调用本身的匿名函数一样，但是您已将函数拆分为自己的函数，名为one。您需要传递对fnLoad()的引用。 result将包含响应数据。 The function prototype for .load() accepts 3 arguments：

response, status, xhr

您可以将这些名称映射到fnLoad()中您喜欢的任何变量名称。

JQuery Load（）函数

2 个答案: