Angular $http.post提交application/json请求

Angular $http.post提交application/json请求

• • • $http.post概述
    • • 基本语法
      • 说明
    • $http.post修改请求头

$http.post概述

基本语法

$http.post(url, data, config)
.success(function(data,status,headers,config){
})
.error(function(data,status,headers,config){
})

说明

$http.post 默认是以application/x-www-form-urlencoded方式提交请求的，后端无法用实体类直接接受json参数，如果直接传的话后台会报错：

$http.post修改请求头

修改请求头配置的Content-Type属性，提交application/json请求

var url = jrzhCTX + "/bohai/request/test.json";
var userInfo = {"customerName": "dengheng", "certId": "621018887771122234", "phone": "119110112114"}
var data = {"orderNo": "ORDER20201230160408","userInfo": userInfo
}
var postCfg = {headers: {'Content-Type': 'application/json;charset=UTF-8'}
};
$http.post(url, JSON.stringify(data), postCfg).success(function(data,status,headers,config){console.log(data)if (data && data.status == "success") {layer.alert("请求成功");} else {layer.alert("失败！" + data.msg);}}
).error(function(data,status,headers,config){console.log(data)layer.alert("请求异常！");
});

这里注意参数data需用JSON.stringify(data)转成字符串。

后端直接实体类去接收json参数即可：

@RequestMapping(method = RequestMethod.POST, value = "test")
@ResponseBody
public ResultBean test(@RequestBody OrderReq req) {logger.info("test() -- req =>> " + req.toString());ResultBean result = new ResultBean();result.setObjs(new Object[]{});result.setStatus(ResultBean.SUCCCESS);result.setMsg("ok");return result;
}

后端控制台输出日志：

test() -- reqJson =>> { "orderNo": "", "userInfo": { "accountNo": "", "bankCode": "", "certId": "621018887771122234", "commAdd": "", "companyAddress": "", "companyName": "", "companyPhone": "", "customerName": "dengheng", "marriage": "", "phone": "119110112114", "realEstateType": "", "sex": "" } }

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！