Ⅰ 前端与后端的数据交互(jquery ajax+python flask)
如果要给后端传递json数据,就需要增加content-type参数,告诉后端,传递过来的数据格式,并且需要将data转为字符串进行传递。实际上,服务端接收到后,发现是json格式,做的操作就是将字符串转为json对象。
另外,不转为字符串,即使加了content-type的参数,也默认会转成 name=xx&age=1,使后端无法获取正确的json
接收表单数据
接收Json数据
Flask可以非常方便的返回json数据
看一下源码就可以知道,jsonify就是帮我们做了点添加mimetype这样的杂事,所以如果不嫌麻烦和难看,你也可以这样写
放两张截图来直观看一下请求
Ⅱ 前后端分类,数据传输问题
目前我所知道的项目开发中,基本上都是前后端分离的。这就出现了数据传输的问题,前端传给服务器 或者 服务器传给前端的数据都是容易被别人窃取的。这里就要对传输的数据进行加解密,以保证数据安全。
下面介绍两种前后端数据传输的方式
前后端约定一个key,将请求参数按照字母排序拼接成一个字符串(通常都是ASCll排序),然后拼接上key,最后用MD5或者SHA进行加密,得到一个加密的签名sign,再把sign作为最后一个参数传到服务端。
服务端拿到前端传过来的结果之后,也将参数(排除sign)按照顺序拼接成一个字符串,再拼接上key,再用MD5或者SHA进行加密,也得到了一个新的sign,服务端比较这两个sign,如果相同就说明传回来的数据没有问题,如果不相同,说明数据被串改了。
例如:
传递的参数是
id=5&age=10
现在通过加签 应该传递的参数为
id=5&age=10&sign=MD5(age=10&id=5)
服务端拿到的就是
id=5&age=10&sign=MD5(age=10&id=5)
服务端经过筛选参数,得到 id=5&age=10 ,然后进行排序得到 age=10&id=5 ,再MD5得到sign,两个sign进行比较
目前我知道的根据秘钥的使用方法,可以将密码分为两种
在对称密码中,加密、解密时使用的是同一个密钥,我们常用的AES算法就是对称密码算法。具体AES算法大家自己网络就好了
但是通常使用对称密码时,就会有秘钥配送问题。
例:发送者A将使用对称密码加密过得信息发送给接收者B,只有将秘钥发送给接收者B,B才能进行解密,这里A发送秘钥给B的过程中,就容易被别人窃取秘钥,别人拿着秘钥也能进行解密。
如何解决秘钥配送问题
我知道的几种解决方法
公钥密码
公钥密码中,密钥分为加密密钥、解密密钥2种,它们并不是同一个密钥。
目前使用最广泛的公钥密码算法是RSA
加密密钥,一般是公开的,因此该密钥称为公钥(public key)
解密密钥,由消息接收者自己保管的,不能公开,因此也称为私钥(private key)
公钥和私钥是一 一对应的,是不能单独生成的,一对公钥和密钥统称为密钥对(key pair)
由公钥加密的密文,必须使用与该公钥对应的私钥才能解密
由私钥加密的密文,必须使用与该私钥对应的公钥才能解密
1.由消息的接收者,生成一对公钥、私钥
2.将公钥发给消息的发送者
3.消息的发送者使用公钥加密消息
混合密码系统
不能很好地解决密钥配送问题
加密解密速度比较慢
混合密码系统,是将对称密码和公钥密码的优势相结合的方法,解决了公钥密码速度慢的问题,并通过公钥密码解决了对称密码的密钥配送问题
会话密钥(session key)为本次通信随机生成的临时密钥,作为对称密码的密钥,用于加密信息,提高速度
发送出去的内容包括
前端A >>>>> 服务器端B
发送过程,加密过程
接收过程,解密过程
文章参考了 猿天地的再谈前后端API签名安全? 和李明杰的底层原理iOS签名机制
Ⅲ 作为java后端,在用protobuf的情况下我该给前端传什么形式的数据
protobuf是你们落地时存储的数据格式,跟给前端的格式是没有关系的。
可以通过工具类直接转json后传给前端。
Class<?> clazz = Class.forName(className);
Method method = clazz.getMethod("parseFrom", byte[].class);
JsonFormat().printToString((GeneratedMessage) method.invoke(clazz, bytes));
其中className是你根据protobuf文件生成的java类,bytes是读取的protobuf对象的字节数组。
Ⅳ 前端ajax异步传值以及后端接收参数的几种方式
前台往后台传值呢,有很多种方式,大家听我细野猜细道来。
第一种呢,也是最简单的一种,通过get提交方式,将参数在链接中以问颂袭型号的形式进行传递。
后台往前台传值就要简单一些,单个数据或者封装数据可以直接使用return返回json数据给前台,如果是多个数据,可以使用```
PrintWriter进行传值,具体操作如下
非异步方式传值
非异步方式前台传递参数
1.与异步方式类似,使用form直接提交或者在链接中拼接参数即可。
2.后台接受参数方式不变,与异步方式完全相同。禅野
非异步方式后台向前台传递数据
Ⅳ 前端能处理多大数据,以及后端能传给前端多大数据
1 前段使用bootstrap table 显示数据表格(包括分页功能),后端返回类型为PageBean时 前无需做特殊处理
部分代码为
maplist=customerService.search(map);
int count = customerService.searchCount(map);
PageBean pageBean = new PageBean();
pageBean.setTotal(count);
pageBean.setRows(maplist);
return pageBean;
2 后端返回类型为List时,前段获取方式为result.length
后端java:
public List> search(){
return domainService.search();
}
前段js:
success : function(result) {
for(var i =0;i
result[i].id
}
}
3 后端返回类型为PageBean>>时,前段获取方式为result.rows
后端java:
PageBean>> pageBean = new PageBean>>();
pageBean.setTotal(count);
pageBean.setRows(result);
return pageBean;
前段js:
success : function(result) {
var result= result.rows;
for(var i =0;i
result[i].name
}
}
4 后端返回类型为Map时,前段获取方式为result
后端java:
public Map register(HttpServletRequest request){
return map.put("result ", “成功”);
}
前段js:
success : function(result) {
result.result
}
Ⅵ java中后台向前端传值的几种方式
一种,放到request、session、application域里面。
1、直接放入一个实体(基本类型)
2、放入一个集合、数组
3、放入JSON(字符串)
Ⅶ 后端提供什么类型 的接口和前端交互
一般后端接口提供JSON格式的数据类型与前端交互
也可以使用XML格式的数据类型,前者使用频率更高
Ⅷ DRF怎么将后端bytes类型数据传给前端
1. 参数放在request的header上:request.getParameter() �0�2 / �0�2�0�2request.getParameter()�0�2
2. 参数放在request的body上:
@RequestMapping(value = "/XXXX", method = RequestMethod.POST, headers = "Content-type=text/plain")
@ResponseBody
public HashMap dataCenterEntry(final HttpServletRequest request){
String body =null;
try {
body = StreamUtils.ToString(request.getInputStream(), Charset.forName("utf-8"));
} catch (IOException e) {
e.printStackTrace();
}
�0�2 �0�2 �0�2 �0�2 �0�2 �0�2 �0�2 �0�2return XXXX;
}
期间碰到一个问题,body 始终为空,怎么都接收不到数据;
解决办法:在@RequestMapping(value = "/XXXX", method = RequestMethod.POST)里加个headers = "Content-type=text/plain"后就好了;
---------------------------------------------------------------------------------------------------------
public static String ToString(InputStream in, Charset charset) throws IOException {
Assert.notNull(in, "No InputStream specified");
StringBuilder out = new StringBuilder();
InputStreamReader reader = new InputStreamReader(in, charset);
char[] buffer = new char[BUFFER_SIZE];
int bytesRead = -1;
while ((bytesRead = reader.read(buffer)) != -1) {
out.append(buffer, 0, bytesRead);
}
return out.toString();
}