我无法使用" $。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页面。