var = 变量 + 'String'

Question

我正在尝试使用 jQuery 将文本文件动态包含到我的页面中，但我似乎无法使用变量作为文件路径。我尝试只使用 title.txt 而不是传递变量并且它起作用了，但是 $title + '.txt' 不起作用。

我做错了什么？

作品：

$(function () {  
    $("#list").load('test.txt');
});

尝试 1：

$(function () {
    var $title = document.getElementsByTagName("title")[0].innerHTML,
        $url = $title + '.txt';

    $("#list").load($url);
});

尝试 2：

$(function () {
    var $title = document.getElementsByTagName("title")[0].innerHTML,
        $ext = '.txt',
        $url = $title + $ext;

    $("#list").load($url);
});

尝试 3：

$(function () {
    var $title = document.getElementsByTagName("title")[0].innerHTML,

    $("#list").load($title + '.txt');
});

Answer 1

试试这个，根据聊天中的评论：

$(function () {
    var $title = encodeURI( $('title').text() ), 
        $url = $title + '.txt';

    $("#list").load($url);
});

Answer 2

这是由于文件名中的空格。使用 replace() 将空格转换为 %20。

$(function () {
    var $title = $(document).attr('title'),
        $ext = '.txt',
        $url = $title + $ext,
        $cleanurl = $url.replace(/\s/g,"%20");

    $("#list").load($cleanurl);

});

var = 变量 + 'String'

var = Variable + 'String'

javascript

methods

jquery

jquery-load