前后端分离以后,前端界面采用ajax与后台数据交互。现在从后台获取到下载文件的集合,怎么在前端一行一行显示,点击某一行可以直接跳转过去下载对应的文件。

pageEncoding="UTF-8"%>

Insert title here

$.ajax({

url: "http://localhost:8080/TestServlet/controller/ListFileServlet",

type: 'get',

async: true,

data: null,

dataType:'json',

success: function (data) {

for(var filename in data){

console.log("文件名:" + filename + ",下载地址:"+ data[filename]);

}

},

error: function (XMLHttpRequest, textStatus, error) {

alert(error);

}

});

效果类似如下图片就好

efb0f329b7a11047f2702743107b049a.png

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐