用web实现读取csv文件 使用html表格的方法

1、在huilder工具创建一个存储用户信息的csv文件，内容格式如下：Tonf,23巳呀屋饔,1029423Gowd,45,2049323Fepd,43,3423494备注：csv文件以name，锾攒揉敫age，id三个字段存放用户信息用逗号隔开。

5、在html末尾出，创建一个script标签，标签中内容如下：<script type="text/javascript"> mtr = document.getElementById("ut") ; //使用ajax加载csv文件的数据 $.ajax({ url: "list.csv", success: function(result) { frag = document.createDocumentFragment(); //对csv文件的数据先以行分割 userList = result.split("\n"); //我们在对每一行以逗号作分割 for(i=0;i<userList.length;i++){ userary = userList[i].split(","); tr = document.createElement("tr"); //对每行的内容遍历到td标签去 for(j = 0;j<userary.length;j++){ td = document.createElement("td"); td.append(userary[j]); tr.appendChild(td); } frag.appendChild(tr); } //加载到web页面 mtr.appendChild(frag); } });</script>

7、最后对上述步骤总思路分析：1.我们使用ajax加载csv文件数据2.将加载到的数据先以行为单位作分割3.再将每一行以逗号作分割，并动态创建tr标签和td标签4.最后将动态创建的标签动态添加到table标签