前后端交互注意的事项以及传值的方法

前后端交互

使用map接收（里面包含一个实体类：officeReception，还有其余三个参数：userid,username,departmentid）

方法一

var jsondata = $("#subForm").serializeJSON();
        jsondata["company"] = $("#company").val();
        jsondata["captain"] = $("#captain").val();
        jsondata["job"] = $("#job").val();
        jsondata["peoplenum"] = $("#peoplenum").val();
        jsondata["appeople"] = $("#appeople").val();
        jsondata["redepartment"] = $("#redepartment").val();
        jsondata["redate"] = $("#redate").val();
        jsondata["togetherpeople"] = $("[name='togetherpeople']").val();
        jsondata["details"] = $("[name='details']").val();
        var data=JSON.stringify(jsondata);
           $.ajax({
            contentType: "application/json;charset=UTF-8",
            type: "post",
            url:  urlPrev + "/officeReception/addOfficeReception",
             dataType:"json",
            data:
                 JSON.stringify({officeReception:data,
                     userid:getUrlParam("userid"),
                     username:getUrlParam("username"),
                     departmentid:getUrlParam("userdepid")
                 }),
            success: function(res) {
                console.log(res)
            }
        });

后端代码

@RequestMapping("addOfficeReception")
    public ServerResponseLayui<OfficeReception>  addOfficeReception (@RequestBody Map<String,Object> map){
        System.out.println(map.toString());
        OfficeReception officeReception = JSONObject.parseObject(map.get("officeReception").toString(), OfficeReception.class);
        String userid = map.get("userid").toString();
        String username = map.get("username").toString();
        String userdepid = map.get("departmentid").toString();
        System.out.println(userdepid);
        System.out.println(userid);
        System.out.println(username);
        System.out.println(officeReception.toString());
        return  null;
    }

方法二：

前端

var jsondata = $("#subForm").serializeJSON();
        jsondata["company"] = $("#company").val();
        jsondata["captain"] = $("#captain").val();
        jsondata["job"] = $("#job").val();
        jsondata["peoplenum"] = $("#peoplenum").val();
        jsondata["appeople"] = $("#appeople").val();
        jsondata["redepartment"] = $("#redepartment").val();
        jsondata["redate"] = $("#redate").val();
        jsondata["togetherpeople"] = $("[name='togetherpeople']").val();
        jsondata["details"] = $("[name='details']").val();
        var data=JSON.stringify(jsondata);
$.ajax({
            contentType: "application/json;charset=UTF-8",
            type: "post",
            url:  urlPrev + "/officeReception/addOfficeReception?userid="+getUrlParam("userid")+"&username="+getUrlParam("username")+"&departmentid="+getUrlParam("userdepid"),
            dataType:"json",
            data:data,
            success: function(res) {
                console.log(res)
            }
        });

后端

 @RequestMapping("addOfficeReception")
    public ServerResponseLayui<OfficeReception>  addOfficeReception (@RequestBody OfficeReception officeReception,
                                                                     @RequestParam("userid") Integer userid,
                                                                     @RequestParam("username") String  username,
                                                                     @RequestParam("departmentid") Integer departmentid){
        System.out.println(departmentid);
        System.out.println(userid);
        System.out.println(username);
        System.out.println(officeReception.toString());
        return  null；
    }

方法三：不适用注解

前端

里面包含实体类的一些属性，以及不是实体类中的属性
let mydata = {
		createusername: createUserName,
		createuser: createuser,
		demanddepartment: demandDepartment,
		probackground: proBackground,
		pronecessity: proNecessity,
		overview: overview,
		budgettype: budgetType,
		departmentsuggestion: departmentSuggestion,
		departmentdates: departmentDate,
		leadershipsuggestion: leadershipSuggestion,
		leadershipdates: leadershipDate,
		departmentfeedback: departmentFeedback,
		feedbackdates: feedbackDate,
		approval: approval,
		approvaldates: approvalDate,
		urgency: urgency,
		endtime: endtime,
		kinds: kind,
		xmygje: xmygje
	};
$.ajax({
					type: "post",
					async: true,
					cache: false,
					url: urlPrev + "/proDemand/addPd",
					data: mydata,
					dataType: 'json',
					contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
					success: function(json) {
					}
        }）；

后端代码

//不使用注解
@RequestMapping("/proDemand/addPd")
	public Integer addPd(ProDemand proDemand, String departmentdates , String leadershipdates, String feedbackdates, String approvaldates, ProBasicInfor proBasicInfor, String kinds) {
	}

使用实体类接收

前端代码

 var jsondata = $("#subForm").serializeJSON();
        jsondata["company"] = $("#company").val();
        jsondata["captain"] = $("#captain").val();
        jsondata["job"] = $("#job").val();
        jsondata["peoplenum"] = $("#peoplenum").val();
        jsondata["appeople"] = $("#appeople").val();
        jsondata["redepartment"] = $("#redepartment").val();
        jsondata["redate"] = $("#redate").val();
        jsondata["togetherpeople"] = $("[name='togetherpeople']").val();
        jsondata["details"] = $("[name='details']").val();
        var data=JSON.stringify(jsondata);
        $.ajax({
            contentType: "application/json;charset=UTF-8",
            type: "post",
            url:  urlPrev + "/officeReception/addOfficeReception",
            dataType:"json",
            data: data,
            success: function(res) {
                console.log(res)
            }
        });

后端代码

 @RequestMapping("addOfficeReception")
    public ServerResponseLayui<OfficeReception>  addOfficeReception (@RequestBody OfficeReception officeReception){
        System.out.println(officeReception.toString());
        return  null；
    }