JavaScript:如何从非阻塞回调中获取数据

Question

function getHtmlBodyFromFile( filename ){
    var outStr = '';
    $.get(filename, function(data, status) {
        outStr = $('body', $(data)).html();
    });
    return outStr;
}
$("div#detail").html( getHtmlBodyFromFile('OEBPS/text/section0002.xhtml') ); //blank

返回 outStr 为空，因为函数在调用 $.get() 后立即返回您能否建议我一种更好的方法来为那些非阻塞样式返回有效数据。非常感谢

Answer 1

与其期望从 getHtmlBodyFromFile 函数返回数据，不如将回调函数传递给 getHtmlBodyFromFile，它应该在 ajax 调用之后执行。

像这样:

function getHtmlBodyFromFile( filename, callback ){
    var outStr = '';
    $.get(filename, function(data, status) {
        outStr = $('body', $(data)).html();
                callback(outStr)
    });
    //return outStr;
}
getHtmlBodyFromFile('OEBPS/text/section0002.xhtml', function(data) {
    $("div#detail").html(data);
});