前后端数据交互的三种方式【自用完结】

第一种：JSON接收方式

前端：
var productList = [];
var data = {};
productList 
data.projectType=projectType//变量代表
data.productList = productList //数组代表
data.reason={//类代表
    "type":type,
    "reason":$("#reason").val(),
    "createTime":$("#createTime").val(),
}
$.ajax({
    url: "/XXXXXXXXXXXXXX",
    type: 'post',
    data:JSON.stringify(data),
    dataType: 'JSON',
    contentType: "application/json",
    success: function (res) {
    },
    error: function (data) {
    }
});
后端（controller层）：
@RequestMapping("/XXXXXXXXXXXXXX")
    public Result handleAfterSale(@RequestBody String json){
        JSONObject jsonObject = JSONObject.parseObject(json);
        Reason reason= jsonObject.getObject("reason", Reason.class);
        Byte projectType = jsonObject.getByte("projectType");
        JSONArray productListJson= jsonObject.getJSONArray("productList ");
        List<Integer> ids = JSONArray.parseArray(projectProductListJson.toString(), Integer.class);
        service.方法名(各种参数);
        return ResultUtils.returnSuccess("处理成功!");
    }

第二种：实体类接收方式

前端
var data = {
 "type":type,//这里写与实体类属性对应的变量名，并赋值
};
$.ajax({
   url: "/XXXXXXXXXXXXXX",
   type: "POST",
   data: data,    
   success: function (res) {
   },
   error: function (data) {
   }
});
后端：
@RequestMapping("/XXXXXX")
 public Result defineCost(Product product) {
     service.XXXX(product);
     return ResultUtils.returnSuccess();
 }

第三种：变量接收方式

前端
$.ajax({
    url: "/XXXXXXXXXXXXXXt",
    type: "POST",
    data: {projectId: projectId},
    success: function (res) {
    },
    error: function (data) {
    }
});
后端：
@RequestMapping("/XXXXXX")
public Result defineCost(Integer projectId) {
   service.XXXX(projectId);
   return ResultUtils.returnSuccess();
}