页面生成json文件并下载

本文介绍如何在网页上动态生成JSON数据,并提供给用户下载。通过创建一个隐藏的a标签,设置其href属性为生成的JSON内容,并触发点击事件,可以实现JSON文件的下载。这种方法无需服务器端处理,完全在客户端完成。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<a onclick="getDescription()" style="font-size:14px" download="文件.json">下载文件</a>

 

function getDescription(){
      var url=_urlPath+"/downloadDescription";
       var form=$("<form>");
       form.attr("style","display:none");
       form.attr("target","");
       form.attr("method","post");
       form.attr("action",url);
       $("body").append(form);
       form.submit();
}

 

@RequestMapping("/downloadDescription")
public void download(HttpServletResponse response) {
    List<User> listUser = userService.getAllUser();
    String jsonArray = JSON.toJSONString(listUser);
    // 导出文件
    response.setContentType("text/plain");
    String fileName = "文件";
    response.setHeader("Content-Disposition", "attachment; filename=" + fileName + ".json");
    BufferedOutputStream buff = null;
    StringBuffer write = new StringBuffer();
    ServletOutputStream outSTr = null;
    try {
        outSTr = response.getOutputStream(); // 建立
        buff = new BufferedOutputStream(outSTr);
        write.append(jsonArray);
        buff.write(write.toString().getBytes("UTF-8"));
        buff.flush();
        buff.close();
    } catch (Exception e) {
        e.printStackTrace();
    } finally {
        try {
            buff.close();
            outSTr.close();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值