Javascript函数不改变innerHTML？

Question

所以我在这里进行了一个简单的设置，加载一个文件( blender .obj 文件)并显示它。然后我调用这个函数:

function parseFile(){
        var fileText = $('#file').html();
        var fileLine = fileText.split("\r\n");
        $('#file').html(fileLine[5]);
    }

这应该使它显示文件的第 6 行，但仍然显示整个文件。如何让它像实际文件中那样分割行？

编辑:大家都知道我正在加载这样的文件:$('#file').load('model.obj');

Answer 1

调用.load()是异步的。该方法将返回，但内容将在将来的某个时候可用。您需要使用回调:

$('#file').load('model.obj', function(response, status) {
    alert("Now the file is loaded");
    parseFile();
});
alert("Loading the file just began, nothing available by now");

或者使用延迟接口(interface)进行更多叙述:

$('#file').load('model.obj').then(parseFile);

如果您无论如何都需要/想要解析服务器响应，那么使用 $.ajax() 可能会更好直接将其加载到 innerHTML 中并从那里读取...您甚至可以对 Blender.obj 文件类型使用专用的 dataFilter。