ant design java_ant-design怎么配合java后台进行数据交互?

有两种方法:

其一:

使用ajax,比如jQuery的ajax (不推荐)

npm install jQuery 之后,跟之前直接使用jQuery ajax的方法一样用即可.

其二:

使用fetch:

关于fetch的概念及解释,可自行查阅相关资料,在我这边的使用中,使用的是dva框架(see:dvajs/dva-knowledgemap), 简略来说是蚂蚁金服的前端同学为方便大家使用,基于redux + react-router + redux-saga 等进行一层轻量封装(see: dva 介绍 · Issue #1 · dvajs/dva),dva中封装了一个request.js,用于做异步请求,这里的底层即是fetch,代码见:(https://github.com/dvajs/dva-example-user-dashboard/blob/master/src/utils/request.js)

在使用过程中,注意一个问题,即fetch 默认的Content-type是text/plain;charset=UTF-8,与jQuery 默认的 ‘'application/x-www-form-urlencoded;charset=UTF-8'不一致。而常用的java web框架如Spring MVC默认识别的是表单类型,即jQuery的这种格式。

因此,有两种方法:

方法1

更改请求的Content-type:

首先,前台将 Json对象序列化为键值对“key1=xx&key2=xx”这种,比如dva中使用的 qs.stringify(params);然后再fetch请求时,加上如下参数:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值