如何使用$ .get()将csv文件加载到html中

时间:2015-09-14 12:45:32

标签: jquery html csv

我无法使用" $。get()"将data.csv文件加载到我的html中。功能

My code:
==========
sample.html:
===========
<html> 
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

</head>
<body>

<div id="container"></div>
<script>

$.get('data.csv', function(data) {

// start the table
var html = '<table">';

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

// parse lines
rows.forEach( function getvalues(ourrow) {

// start a table row
html += "<tr>";

// split line into columns
var columns = ourrow.split(",");

html += "<td>" + columns[0] + "</td>";
html += "<td>" + columns[1] + "</td>";
html += "<td>" + columns[2] + "</td>";

// close row
html += "</tr>";
})
// close table
html += "</table>";

// insert into div
$('#container').append(html);

});
</script>

</body>

</html>

data.csv:
========
name,phone,nickname,state
bob,503,bobby,oregon
steve,707,stevie,california

我能够将csv文件的数据加载到div中。 但我不想将数据加载到div中。 任何人都可以建议我将csv文件加载到html页面。

0 个答案:

没有答案