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 =变量+'字符串'

2 个答案: