如何使用jQuery load()方法读取file.txt内容后追加文本到title标签

实现方案 #

你当前使用的load()方法会直接把请求返回的内容完整写入目标元素，无法直接做内容拼接，调整为请求拿到文本内容后先处理、再写入即可，推荐写法如下：

$(window).on('load', function() {
    $.get('/file.txt', function(content) {
        // trim()用来去除文件末尾自带的换行、多余空白
        const finalTitle = content.trim() + ' is Big';
        $('#mytitle').text(finalTitle);
    });
});

如果你希望沿用load()的写法，也可以利用它的回调函数修改已经写入的内容：

$(window).on('load', function() {
    $("#mytitle").load("/file.txt", function() {
        const originalContent = $(this).text().trim();
        $(this).text(originalContent + ' is Big');
    });
});

内容的提问来源于stack exchange，提问作者Ali Keskin