Question

我试着逐行读取文本文件。

我这样试试：

function load_file(file, element) {
    var lines = file.split("\n");

    for (var i = 0, len = lines.length; i < len; i++) {
        save(lines[i]);
    }
    $(element).load(file);

}

和html文件：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication9.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="Scripts/JFunc.js"></script>
    <script type ="text/javascript" src="Scripts/jquery-1.10.2.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>


      <input type="button" value="load" onclick="load_file('../movie.txt', '#content_area');" />
    <div id="content_area"></div>

    </div>
    </form>


</body>
</html>

但页面仍然是空的。

我可以不逐行阅读文件。但那是一条大线。而不是一行一行。

文本文件如下所示：

肖申克的救赎

教父

教父：第二部分

纸浆小说

好，坏，丑

12个愤怒的男人

辛德勒的名单

黑暗骑士

指环王：王者归来

搏击俱乐部

星球大战：第五集 - 帝国罢工

一只飞越杜鹃鸟巢

指环王：戒指的团契

启

好家伙

星球大战

Seven Samurai

The Matrix

阿甘正传

上帝之城

谢谢

如果我这样做：

function load_file(file, element) {
    //var lines = file.split("\n");

    //for (var i = 0, len = lines.length; i < len; i++) {
    //    save(lines[i]);

    $(element).load(file);

}

浏览器可以读取文件。但不是每一个标题都在一行

Answer 1

我这样解决了：

jQuery.get('movie.txt', function (data) {

    var lines = data.split("\n");

    $.each(lines, function (n, elem) {
        $('#content_area').append('<div>' + elem + '</div>');

    });
    console.log(lines);    
});

使用jquery

1 个答案: