Javascript 使用jquery和html5显示存储在arraylist中的数据

Javascript 使用jquery和html5显示存储在arraylist中的数据,javascript,java,jquery,spring,arraylist,Javascript,Java,Jquery,Spring,Arraylist,我有一个名为resultset的arraylist。我想使用jquery和html将数据打印到浏览器中。我正在将该arraylist传递给一个函数viewCSV。我想将该arraylist从taht发送到jquery页面,我可以打印这些元素。 以下是viewCSV的方法: @RequestMapping(value="/viewCSV", method=RequestMethod.POST) public void viewCSV(@RequestParam List<ArrayList&

我有一个名为resultset的arraylist。我想使用jquery和html将数据打印到浏览器中。我正在将该arraylist传递给一个函数viewCSV。我想将该arraylist从taht发送到jquery页面,我可以打印这些元素。 以下是viewCSV的方法:

@RequestMapping(value="/viewCSV", method=RequestMethod.POST)
public void viewCSV(@RequestParam List<ArrayList<String>> resultSet) throws 
IOException {



}
@RequestMapping(value=“/viewcv”,method=RequestMethod.POST)
public void viewsv(@RequestParam List resultSet)抛出
IOException{
}
如何发送数据请给出建议。如何在下面的代码中将该数据传递给for循环

jquery代码(details.js):

$(document).off('click','viewcv')。on('click','viewcv',函数(e){
//var Number=$('#Number').val();
var appendString=“”;
变量设置={
“异步”:true,
“跨域”:正确,
“url”:“/viewCSV”,
“方法”:“发布”,
“标题”:{
“内容类型”:“应用程序/json”,
“缓存控制”:“无缓存”
},
//“数据”:零件号
}
$.ajax(设置).done(函数(响应){
$('#bomRows')。删除();
$('#bomTable').append(appendString);
jQuery.each(……,函数(------){
jQuery.each(第一部分){
}
var idRow=“#bomRow”;
$(“#bomRows”)。追加(“”);
$(idRow).append(“+---.assembly+”);
$(idRow).append(“+---.part+”);
$(idRow).append(“+---.quantity+”);
$(idRow).append(“+---.uom+”);
$(idRow.append(“+---.findnumber+”);
$(idRow).append(“+---.match+”);
$(idRow).append(“+---.stepfail+”);
});
})
});

提前感谢。

您可以将其转换为json并写入浏览器 如果您使用的是SpringMVC,则注释@ResponseBody将执行此操作
因此,您所需要的只是创建一个由request和ResponseBody以及returnlist注释的方法

您可以将其转换为json并将其写入浏览器 如果您使用的是SpringMVC,则注释@ResponseBody将执行此操作
因此,您所需要的只是创建一个由request和ResponseBody以及return list注释的方法

您能在这里显示该数组吗?[[375-76646-102025-42860-000,1,ea,208,No,Quantity],[375-76646-102392-06208-009,1,ea,254,Yes]]arraylist与上面的有点类似,包含更多元素。我还想修改jquery代码,能否在spring app-context.xml文件中显示详细信息?并验证ajax请求中的url是否有效。您能在此处显示该数组吗?[[375-76646-102025-42860-000,1,ea,208,No,Quantity],[375-76646-102,392-06208-009,1,ea,254,Yes]]arraylist与上面类似,包含更多元素。我还想修改jquery代码,能否在spring app-context.xml文件中显示详细信息?并验证ajax请求中的url是否有效。
$(document).off('click', '#viewCSV').on('click', '#viewCSV', function(e) {
//var Number = $('#number').val();
var appendString = "<tbody id='bomRows'></tbody>";

var settings = {
        "async": true,
        "crossDomain": true,
        "url": "/viewCSV",
        "method": "POST",
        "headers": {
            "content-type": "application/json",
            "cache-control": "no-cache"             
        },
        //"data": partNumber
}

$.ajax(settings).done(function (response) {

    $('#bomRows').remove();
    $('#bomTable').append(appendString);


    jQuery.each(..............., function(-----) {
        jQuery.each(part, i) {

        }

        var idRow = "#bomRow";
        $('#bomRows').append("<tr id='bomRow'></tr>");
            $(idRow).append("<td>"+ ----.assembly+"</td>");
            $(idRow).append("<td>"+ ----.part+"</td>");
            $(idRow).append("<td>"+ ----.quantity+"</td>");
            $(idRow).append("<td>"+ ----.uom+"</td>");
            $(idRow).append("<td>"+ ----.findnumber+"</td>");
            $(idRow).append("<td>"+ ----.match+"</td>");
            $(idRow).append("<td>"+ ----.stepfail+"</td>");
    });
})

});