从csv文件访问特定的数据，并显示在html上

Accessing specific data from csv file and show on html

本文关键字：显示 html 数据 文件 csv 访问      更新时间：2023-09-26

访问csv文件中的特定数据时遇到一些问题。目前，我可以在控制台中看到所有数据，但当我试图显示未定义的特定数据时。例如，在我的控制台中，我获得了所有数据，我想提取字幕并将其显示在class score-text的html中。

我的控制台是这样的:

subtitle 1,
name1,65%
name2,65%
name3,65%
name4,65%
total,70%
,
subtitle 2,
name1,65%
name2,65%
name3,65%
name4,65%
total,30%
,
subtitle 3,
name1,65%
name2,65%
name3,65%
name4,65%
total,60%
,
subtitle 4,
name1,65%
name2,65%
name3,65%
name4,65%
total,50%


$.ajax({
    url: 'test.csv',
    type: "GET",
    dataType: "text",
    success: function (data) {
        var rows = data.split(/'n/);
        for (var rowIndex in rows)
        {
            var columns = rows[rowIndex].split(/,/);
            for (var colIndex in columns)
            {
                var colValue = columns[colIndex].trim();
                console.log(colValue);
            }           
        }
        $(".score-text").each(function( index, value ) { 
        		value.innerHTML = result[columns[2]] = rows[2];
    		});
    }
});

为什么不试试把插入部分放到循环中呢?

        var columns = rows[rowIndex].split(/,/);
        for (var colIndex in columns)
        {
        var colValue = columns[colIndex].trim();
        console.log(colValue);
        $(".score-text").append(colValue);
        }
相关文章：