如何在HTML5中访问CSV平面文件？

Question

请访问我的应用程序本地存储的CSV文件中的数据时，我需要帮助。

我想做的是，当用户单击应用程序上的搜索输入时，它应该显示本地存储的CSV文件中的数据。

我尝试了流行的根目录，但是它只能访问.js文件，我需要一个可以读取CSV文件的文件。

请帮忙！！

<script>
$(document).ready(function(){
  $("button").click(function(){
    $.getJSON("demo_ajax_json.js",function(result){
      $.each(result, function(i, field){
        $("div").append(field + " ");
      });
    });
  });
});
</script

>

Answer 1

使用FileReader API访问本地CSV文件：

function readCSV()
 {
 var fileString = arguments[0].target.result;
 return fileString
 }

with (new FileReader)
 {
 var files = document.getElementById('files').files[0];
 onloadend = readCSV;
 readAsText(files, "utf-8");
 }