精华内容
下载资源
问答
  • 主要介绍了SpringMVC后端返回数据到前端代码示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  • 使用原生ajax导出后端返回的文件,前端用blob处理后端返回的二进制数据流,导出Excel格式的文件。 const infoExport = () => { 后端真实的路径是:"/call/api/orderName/export" 以下url中第一个api是 proxy 需要...

    使用原生ajax导出后端返回的文件,前端用blob处理后端返回的二进制数据流,导出Excel格式的文件。
    后端真实的路径是:"/call/api/orderName/export" 以下url中第一个api是 proxy
    需要转发的API前缀 因为我们现在都是前后端分离的项目,需要代理转发才能连 接到服务器。本人亲身体验,在这里采坑2天时间,想的是用原生的ajax请求,绕过了前端控制器,完全没想到proxy代理api前缀的问题。

    const infoExport = () => {
    const url = "/api/info/api/infoName/export"
    const params = {dateFile: "2020-11-18"};
    const xhr = new XMLHttpRequest();
    xhr.open("post",url);
    xhr.responseType = "blob";
    xhr.setRequestHeader("Content-type", "application/json");
    xhr.setRequestHeader('这里设置token', 'token值');
    xhr.send(JSON.stringify(params));
    xhr.onload = function() {
      if (this.status === 200) {
        const blob = this.response;
        // 导出src
        const src = URL.createObjectURL(blob);
        const link = document.createElement("a");
        // 在前端设置下载的文件名为: 信息.xls
        const filename = '信息.xls';
        link.download = filename;
        link.style.display = "none";
        // 设置下载路径
        link.href = src;
        // 触发点击
        document.body.appendChild(link);
        link.click();
        // 移除节点
        document.body.removeChild(link);
      }
    };
    

    };

    展开全文
  • 前台用 form 表单的形式提交数据,后台通过 res.... 还是用 AJAX 请求时,后端就不能直接渲染(res.render),只能返回数据,前端拿到数据后再操作DOM,还有其他方法吗? 同样的问题链接,还没有一个好的方案。谢谢各位!

    前台用 form 表单的形式提交数据,后台通过 res.render(用的ejs) 可以正常渲染前端的页面,后台代码如下:

    router.post('/classifyadd', (req, res) => {    let {classifyname} = req.body;

    Classify.create({

    name: classifyname

    }).then(doc => {

    responseData.msg = doc.name;

    res.render('admin/frame', {

    page: 'successtip'

    });

    });

    });

    问题是:当我用 ajax 的形式提交数据,后台同样的写法,前端却不能渲染,我看了响应头也确实是 Content-Type: text/html; charset=utf-8?

    我知道前端拿到数据后可以通过 innerHTML 的形式塞进页面,但不确定这是不是一个正确的方法?

    还是用 AJAX 请求时,后端就不能直接渲染(res.render),只能返回数据,前端拿到数据后再操作DOM,还有其他方法吗?

    同样的问题链接,还没有一个好的方案。谢谢各位!

    展开全文
  • uniapp 解析后端返回的 html

    千次阅读 2020-07-01 11:06:34
    为了减少人员使用,所以将前端静态界面,全部给后端,然后将后端返回的数据,前端通过特定格式来解析。这样,以后单纯文案的修改,就不需要前端的参与了!!! 大致思路 将所有html,和写在行内的样式,给后端 下载...

    需求

    由于6.18活动到期,需要修改文案信息,这就得前后端都得再跑一遍流程。为了减少人员使用,所以将前端静态界面,全部给后端,然后将后端返回的数据,前端通过特定格式来解析。这样,以后单纯文案的修改,就不需要前端的参与了!!!

    大致思路

    • 将所有html,和写在行内的样式,给后端
    • 下载 uParse-master 并且引入,注册组件
    • 用注册的组件,来渲染后端返回的数据

    具体操作实例

    1. 将之前view,外部样式。全部改成div,行内样式, 然后给后端
    之前:

    在这里插入图片描述

    现在

    在这里插入图片描述

    1. 下载 uParse-master
      地址:https://github.com/dcloudio/uParse
      在这里插入图片描述
      将下载下来的文件,我是都放到component里了
      在这里插入图片描述
    2. 使用
    • 在需要的页面引入
      在这里插入图片描述
      在这里插入图片描述

    要点说明

    • 由于小程序用的是标签,view小程序标签可能解析不到,所以统一换成div,p,span之类的标签
    • 样式需要全部写在行内,然后给后端
    • 需要下载uParse-master,然后引入。他是作为一个组件来渲染你拿到的数据,所以需要注册组件
    展开全文
  • 在使用Datatables的时候,有些情况后端返回的可能是一些数值型(如:整型:0,1…),而在前端我们需要显示的却是其对应的意义(如:0我们就表示管理员,1我们就表示普通用户),如果我们使用的是JSP直接从request里...

    目录

    前言

    在使用Datatables的时候,有些情况后端返回的可能是一些数值型(如:整型:0,1…),而在前端我们需要显示的却是其对应的意义(如:0我们就表示管理员1我们就表示普通用户),如果我们使用的是JSP直接从request里取,用标签c:if做判断就可以了。但如果我们使用的是Datatables插件来展示数据的话,不太一样。

    解决

    我之前的文章中正常使用的例子: Datatables的使用
    表格:

    <table id="dataTable" class="table table-hover">
       <thead>
    	   <tr>
    	       <th>用户名</th>
    	       <th>用户状态</th>
    	       <th>用户类型</th>
    	       <th>操作</th>
    	   </tr>
       </thead>
       <tbody>
       </tbody>
    </table>
    

    后端传过来的isActiverole是数值型的:即0或者1。都代表特定含义,我们不可能在前端直接展示0,1,所以我们需要的Datatables初始化的时候就对数据进行处理,然后展示。代码如下:

    var dataTable;
    $(function () {
        //初始化DataTables
        var columns = [
            {"data": "userName"},
            {
                "data": "isActive",
                "render": function ( data, type, full, meta ) {
                    if (data === 0)
                        return "非法用户";
                    else
                        return "合法用户";
                }
            },
            {
                "data": "role",
                "render": function ( data, type, full, meta ) {
                    // alert(data);
                    if (data === 0)
                        return "管理员";
                    else
                        return "普通用户";
                }
            },
            {
                "data": function (row, type, val, meta) {
                    return '<button class="btn btn-danger btn-sm" οnclick="lock(\'' + row.id + '\' ,\'' + row.isActive + '\' ,\'' + row.role + '\' )"><i class="fa fa-trash-o">锁定</i></button>&nbsp;&nbsp;&nbsp;' +
                        '<button class="btn btn-primary btn-sm" οnclick="unlock(\'' + row.id + '\' ,\'' + row.isActive + '\' ,\'' + row.role + '\' )"><i class="fa fa-edit">解除</i></button>&nbsp;&nbsp;&nbsp;';
                }
            }
        ];
        dataTable = App.initDataTables("${pageContext.request.contextPath}/user/page", columns);
    });
    

    即,使用一个名为render的回调函数来处理数据。前面代码中出现的App.initDataTables方法的代码在我之前给出的连接的文章中有。

    我的更多文章尽在我的个人博客

    展开全文
  • java后端返回json给前端

    热门讨论 2013-03-12 10:02:20
    java后端返回json给前端,包含对象JsonObject,JsonConfig,JsonArray.
  • 用for in遍历后端返回的数据
  • Java后端返回树型数据

    千次阅读 2020-08-20 09:39:40
    前端有时需要展示部门树,城市树,人员树等树形结构,这时后端返回的数据需要经过一定的加工。 1. 树结构的节点,设置children属性,可嵌套 package com.jiangxb.test.util.tree; import java.util.ArrayList; ...
  • springmvc 后端返回到前端乱码

    千次阅读 2016-04-18 18:47:13
    springmvc 后端返回到前端乱码
  • 后端返回 num:'12.598' num2:'11.222' 这种字符串的数字,在前端需要根据这个数字来做一些判断的时候,直接 if(num > num2){ console.log('方法') } 这样子操作,很明显是不可以的,所以我们需要进行转换数据...
  • 在浏览器端获取后端返回结果

    千次阅读 2019-05-28 17:41:49
    在后端实际开发过程中,有时需要查看后端返回的数据集结果,可以通过以下步骤进行查看: 截图为正常情况下的数据访问请求,点击,形成如下图所示请求: 然后,在新开启的页面地址栏中将General中的Request URL以及...
  • java常见返回,后端返回

    千次阅读 2019-06-13 17:54:37
    package com.mryt.spell.user.center.domain; import java.io.Serializable; public class CommonResult<T> implements Serializable { private static final String SUCCESS_MESSAGE = "success";... ...
  • 后端返回文件流下载处理

    千次阅读 2020-05-05 14:13:00
    后端返回文件流下载模板处理 const content = res.data//接口返回文件流值 const blob = new Blob([content]) const fileName = ‘不符合情况清单.docx’ if (‘download’ in document.createElement(‘a’)) { //...
  • 后端返回图片数据流,打印结果是乱码,如下: Chrome浏览器的preview中可以看到二维码(图片),如下: 解析思路: 尝试用二进制大对象Blob解析,然后生成图片的URL,代码如下: // QRCode 为后端接口返回的图片...
  • vue显示图片 后端返回字符串

    千次阅读 2019-04-26 15:00:45
    后端返回字段如下 可以看见,每张图片的相对路径我用逗号拼接。 前端接收主要代码 <ul style="padding: 3px"> <li class="imgsh" id="imgUrls"><img v-for="item in imgurls" :src="require(`../....
  • 后端返回前端枚举

    2021-04-08 08:37:25
    import lombok.AllArgsConstructor; import lombok.Getter; @Getter @AllArgsConstructor @JsonFormat(shape = JsonFormat.Shape... } 返回 "type": { "code": 1, "description": "新闻资讯", "message": "新闻资讯" }
  • 前端处理后端返回的二进制流文件

    千次阅读 2019-12-20 15:54:56
    前端处理后端返回的二进制流文件 var xhr = new XMLHttpRequest(); xhr.open("post", "/download/scoreFile", true); xhr.responseType = "blob"; xhr.onload = function() { if (this.status == 200) { var url ...
  • 后端返回数据给前端乱码

    千次阅读 2018-08-08 15:39:43
    后端返回数据给前端,发现在谷歌浏览器调试中出现乱码,但是页面没有出现乱码,如下图所示: 防止出现这种情况可以在代码中加上: response.setContentType("application/json;charset=utf-8"); ...
  • 后端返回数字,前端文字显示

    千次阅读 2020-08-21 10:51:05
    在业务中我们经常会遇到后端返回数字,前端显示对应的文字,以此在这里做下记录,便于记忆。 栗子 var nameType: { 1: ‘板栗烧鸡’, 2: ‘糖醋排骨’ } 后端如果返回是1,那么在前端获取时想要展示就这样写 name...
  • 今天小编就为大家分享一篇ajax判断后端返回的数据是否为null的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • vue商品列表页面axios请求获取后端返回的json数据 1、先看看后端返回给我们的是什么内容 我在postman输入相应接口,我们可以看到后端返回给我们的是一个list数组,我们需要把list里边相应的内容放到我们的前端固定的...
  • 后端返回图片数据,前端展示图片1.后端返回图片数据(Base64字符串)给前端展示后端代码前端展示代码2.后端返回二进制流给前端展示后端代码前端代码接收数据流展示 1.后端返回图片数据(Base64字符串)给前端展示 后端...
  • 1.确定后端返回的是一个文件 2.调用导出文件的接口,并携带相应的数据以及发送请求,获取相应的值 3.在发送请求的时候,如果访问接口需要携带token值的话,一定要和后端确定token的和变量名 4.如果你的接口请求方式...
  • 前端处理下载后端返回的文件流

    千次阅读 2020-11-03 10:13:37
    后端返回文件流,前端需要对返回的文件流处理进行文件下载 先是发送请求的时候声明返回blob格式 url: '', method: 'post', data: params, responseType: 'blob' //responseType: 'ArrayBuffer' 然后将返回的数据传...
  • 后端返回文件流,前端需要对返回的文件流处理进行文件下载 先是发送请求的时候声明返回blob格式 url: '',(你的地址) method: 'post', data: params, responseType: 'blob' (这里很重要) 然后将返回的数据传给...
  • js处理后端返回超过16位大数字方案

    千次阅读 2020-04-01 23:58:50
    js处理后端返回超过16位大数字方案 这个问题与这篇博客讲的问题类似。(https://blog.csdn.net/StoneVivi/article/details/105210934)。这里就不具体说明了,内容如题。 背景: 后端返回了一个19位的数据,超过了16位...
  • 今天小编就为大家分享 一篇VUE渲染后端返回含有script标签的html字符串示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 后端返回数据全局处理

    千次阅读 2018-04-14 22:44:58
    目前跟前端人员约定的数据返回格式如下: { "code": "200", "message": "成功", "data": T } 我们生成一个实体类,命名BaseResponse,如下:...
  • 前端向后端请求数据,而返回的Bean中有的属性为Null值,如图 一般遇到这种情况,是要尽量避免向前端传Null值的,因为前端对这样的数据处理起来很麻烦,所以一般情况下我们要么选择不返回这条属性,或者返回一个空...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 312,141
精华内容 124,856
关键字:

后端返回123