从Jquery读取CSV并发布到服务器

时间:2014-10-09 17:46:40

标签: jquery csv servlets jquery-csv

我正在编写Jquery以读取CSV并转换为Array然后发送到Server(servlet),但它显示为null。 请纠正它

HTML中的

导入jquery / 1.8.2 / jquery.min.js

导入http://jquery-csv.googlecode.com/git/src/jquery.csv.js

输入类型"文件"

按钮名称"点击我"

脚本 -

(文档)$。就绪(函数(){

$("按钮&#34)。单击(功能(事件){

var files = $('#files').prop("files");

var reader = new FileReader();

var data = new Array();

reader.readAsText(files[0]);

reader.onload = function(event){

       var csv = event.target.result;

        data = $.csv.toArrays(csv);


       };

$交(" UploadCSVServlet" {arraydata:数据,模式:"插入"},

功能(数据){

    alert("Data Loaded: " + data);

});

}); });

在Servlet中:

public void doPost(HttpServletRequest req, HttpServletResponse resp) throws IOException {
    System.out.println("enter upload servlet");
    resp.setContentType("text/plain");
    //resp.getWriter().println("Hello, world");
    String jsresponse="No Message";

       try
        {
        String arrayData[] = req.getParameterValues("arraydata[]");
        //String data[]=request.getParameterValues("arraydata[]");
        jsresponse = arrayData[0] +" - ";//"Test Response!";

        }
        catch(Exception ex)
        {
         jsresponse = ex.toString();               
        }
        resp.getWriter().write(jsresponse);
    }

返回空值

1 个答案:

答案 0 :(得分:1)

var files = $(' #files')。prop(" files");

var reader = new FileReader();

var data = new Array();

reader.readAsText(文件[0]);

reader.onload = function(event){

   var csv = event.target.result;

    data = $.csv.toArrays(csv);

$交(" UploadCSVServlet" {arraydata:数据,模式:"插入"},

功能(数据){

alert("Data Loaded: " + data);

});

};

}); });

我用这个。现在它的工作

在功能(数据)之后放置结束括号。

谢谢大家。