axios 跨域传参_【跨域】axios提交简单请求发送json字串 ,调用服务接口写数据...

场景:前后端分离跨域,前端使用axios提交post请求,参数json字串;服务端getRawData获取参数,转Model 对象处理数据。

前提:服务端设置了CORS 允许跨域请求

【示例】:

axios提交请求:

jobj是提交的业务参数 json对象:

let jobj = {}

jobj.type = 0

jobj.level = 2

jobj.name = '化妆盒'

jobj.parent_id = 16

接口:// 新增货品类目项

export const apiPostSpuCateItem = (jobj) => {

return new Promise((resolve, reject) => {

axios.request({

url: 'goods/cate/addSpuCateItem',

method: 'post',

headers: {

'Content-Type': 'text/plain'  //这里重点

},

data: JSON.stringify(jobj)

}).then(res => {

// 接口处理成功返回 ok 这里自定义处理返回结果

let rst = { isok: false, msg: '' }

// state 为服务接口定义的返回属性

if (res.data.state === 'ok') {

// 这里定义业务需要转译的状态值

rst.isok = true

} else {

rst.isok = false

rst.msg = res.data.msg

}

resolve(rst)

})

})

jfinal 服务端 Controller:/**

* 新增货品分类

*/

public void addSpuCateItem(){

// 获取提交的json字串 参

String json = getRawData();

// 调用服务端处理 数据持久化

Ret ret = srv.addByModel(FastJson.getJson().parse(json, SpuCate.class));

renderJson(ret) ;

}

处理结果:

45c0b84ad7be08cf94347e223c296108.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值