Question

说我有这个txt文件，里面是：

title（这是插入title元素的标题） body（这是插入body元素的正文）

我希望jquery将标题插入title元素，将body插入body元素。这是可能的，还是我需要为每个内容使用单独的txt文件？我是jquery的新手，所以这对我来说并不是很明显。

到目前为止我有这个代码：

＆＃13;

$(function(){
    $( "#title" ).load( "content/home.txt" );
    $( "#body" ).load( "content/home.txt" );
});

＆＃13;

如果这很难理解，我希望这段代码可以更好地解释它。

Answer 1

简单：

拥有一个包含内容的文件（doc.json）：

{
    "title" : "some title",
    "body" : "some body text"
}

在您的信息页上

$.getJSON( "doc.json", function( data ) {
     $("#title").text(data.title);
     $("#body").text(data.body);
});

Answer 2

将home.txt文件更改为html文件，并使其包含以下内容：

<html>
<head>
<title>Foo!</title>
</head>
<body>Bar!</body>
</html>

然后将您的代码更改为此

$(function(){
    $( "#title" ).load( "content/home.html title" );
    $( "#body" ).load( "content/home.html body" );
});

或者，您可以将文件存储为JSON对象，使用$ .ajax加载它，然后使用这些值。这样就可以使你的文本文件不必是有效的HTML。

无论哪种方式都可行。但是，这是一种可能更适合服务器端语言的解决方案。

Answer 3

您的文本文件可以包含标题，正文用分隔符分隔。例如，您的.txt文件将如下所示：

// = is the delimiter
title=body

Jquery会将文件内容读入变量（使用$ .get）。我们使用split（）函数将标题和正文分成一个数组：

function ReadFile() {
        $.get("test.txt", function (response) {
            var arrStr = response.split("=");
            $('#txtbox1').val(arrStr[0]);   //title
            $('#txtbox2').val(arrStr[1]);   //body
        });
    }

jquery - 从txt文件中读取数据并分配给不同的变量

3 个答案: