今天工作中遇到了一个情景:
前端向后台发送一个请求,希望后台返回一组数据,由于后台返回的数据量很大,希望尽可能压缩响应的大小
我的想法:后台将数据(Short的数组)直接转换成Byte[] 然后将byte[]发送至前端。
传统的Json是将数据序列化成Json文件在发送到前端,这样做的好处是处理简单,但是数据转换成字符串发送时数据量会变大
举个例子:一个short类型的数据 256 ,如果用字节数组直接发送,只需要2个字节,但如果转换成字符串 ,则需要四个字节:'2','5','6',','。(注:Json是使用‘,’来分割数据的)。
背景陈述完了,我的思路:其实我的需求和后端发送一个图片的需求是一致的,图片必须按照字节数组传输,所以百度了一下,找到了下面的链接:
https://my.oschina.net/smartsmile/blog/815496
核心代码:
var resp = new HttpResponseMessage(HttpStatusCode.OK)
{
Content = new ByteArrayContent(b),
StatusCode = HttpStatusCode.OK
};
return resp;
这样处理后,前端收到的数据就是字节数组了
后端处理完成后,前端使用Ajax请求时,使用ArrayBuffer接收数据无法初始化,没办法,继续百度,然后就有了下面的处理方法:
var oReq = new XMLHttpRequest();
oReq.open("GET", "http://localhost:11784/api/test", true);
oReq.responseType = "arraybuffer";
oReq.onload = function (oEvent) {
var arrayBuffer = oReq.response;
if (arrayBuffer) {
var byteArray = new Int16Array(arrayBuffer);
};
oReq.send(null);