前后端数据交互的基本格式

前后端数据交互的基本格式

一、 前端到后端

• jquery语法

<srcpt>
    var data = {
	    "data": {
    		"这是传给后台的参数名": "这是要传给后台的参数值",
    		"name": "zhangsan"
    	}
    }
    $.ajax({
	    type: "post", //设置请求类型
    	url: "请求路径", 	//设置请求路径
    	data: JSON.stringify(data),	//将数据进行json格式化，后端接收参数可以直接@RequestBody接收
    	contentType: 'application/json', //告知后端请求的数据类型
        success: function(json) { //请求成功后回调success函数，json参数是后端返回的参数
				//进行后端返回json参数的逻辑处理
        	},
        error: function(json){ //请求失败后回调error函数，json参数是后端返回的参数
    			//进行后端返回json参数的逻辑处理
        	},
        complete: function(XMLHttpRequest,status) { //该函数无论请求成功与否，最终都会执行
    			//最终执行的逻辑处理
        	}
    })
</srcpt>

二、 后端到前端

• SpringBoot接收参数

• 只写controller层，省略service、dao、entity

  @RestController
  @RequestMapping("/test")
  public class Test {
      
      @Autowired
      TestService testService;
      
      @RequestMapping("/getMsg")
      public String getMsg(@RequestBody String params) {
          Map map = JsonUtils.JSONToMap(params);	//利用JsonUtils工具将参数转化成Map数据类型
          Map mapData = (Map)map.get("data");
          String name = (String)mapData.get("name");
          TestEntity testEntity = testService.method(name);	//将前端的参数传入service进行处理并返回
          Map msgMap = new HashMap();	//构建传入前端的Map
     	    Map dataMap = new HashMap();	//构建data的map
          msgMap.put("status", 100);	//请求状态码
          msgMap.put("msg"， "这是状态码的说明");	//状态码的说明信息
          msgMap.put("data", dataMap.put(testEntity));	//把需要传给前端的对象存入dataMap中
          return JsonUtil.getJsonStr(msgMap);	//返回给前端用JsonUtil转换的json字符串
      }
  }