react中向后台服务器发送一请求 后台接口返回的是byte[]类型的图片 我现在如何在前台界面中显示它？

Posted 2023-04-06

目前很流行的方式是通过JQuery中的 AJAX 方法来获取数据，引入JQuery后使用 $.ajax() 去访问特定的url地址，通过GET、POST等方式进行数据通信。本文中采用的方式是通过 Fetch 方法来进行数据通信，同样可以向后台服务器发起GET、POST等 参考技术A 自己动手，就会显示了。 参考技术B 目前很流行的方式是通过JQuery中的 AJAX 方法来获取数据，引入JQuery后使用 $.ajax() 去访问特定的url地址，通过GET、POST等方式进行数据通信。本文中采用的方式是通过 Fetch 方法来进行数据通信，同样可以向后台服务器发起GET、POST等请求。各位也可以直接使用原生的 XMLHttpRequest 方法来实现。 参考技术C 过了就知道欺负我一个都没有时间去看看你有没有觉得好看啊？你不理我了吗

React后台管理系统-ajax请求封装

1.新建文件夹 util , 在util里边新建 mm.jsx文件

2.使用jquery里边的ajax发送请求，回调用promise,返回一个promise对象

1. request(param){
2.         return new Promise((resolve, reject) => {
3.             $.ajax({
4.                 type : param.type || ‘get‘,
5.                 url : param.url || ‘‘,
6.                 dataType : param.dataType || ‘json‘,
7.                 data : param.data || null,
8.                 success : res => {
9.                     // 数据请求成功
10.                     if(0 === res.status){
11.                         typeof resolve === ‘function‘ && resolve(res.data, res.msg);
12.                     }
13.                     // 没有登录状态，强制登录
14.                     else if(10 === res.status){
15.                         this.doLogin();
16.                     }
17.                     else{
18.                         typeof reject === ‘function‘ && reject(res.msg || res.data);
19.                     }
20.                 },
21.                 error : err => {
22.                     typeof reject === ‘function‘ && reject(err.statusText);
23.                 }
24.             });
25.         });
26.     }

3.页面引入

1. const _mm = new MUtil();

4.使用，传入参数

1. // 首页数据统计
2.    getHomeCount(){
3.        return _mm.request({
4.            url: ‘/manage/statistic/base_count.do‘
5.        });
6.    }