java （spring boot） 前后端传参

1.不使用任何注解

前端：

<!-- 1.直接url传递

  //第一行为请求地址，第二行为传递参数 -->

url = http://localhost:8080/shipment/lineMileage/
           +"username="+username+"&password="+password




<!--2.通过jquery 的ajax传递-->

var data = "username="+vm.username+"&password="+vm.password;
            $.ajax({
                type: "POST",
                url: "http://localhost:8080/shipment/lineMileage",
                data: data,
                dataType: "json",
            

后端：

@PostMapping(/shipment/lineMileage")
public R login( String username, String password)//R为返回的类型值

2.使用注解@PathVariable（将参数体现到链接中，在后台通过占位进行传递。）

前端：

<!-- 1.直接url传递

  //第一行为请求地址，第二行为传递参数 -->

url = http://localhost:8080/shipment/lineMileage/
           +value  //此为所要传递的值




<!--2.通过jquery 的ajax传递-->


$.ajax({
            url : http://localhost:8080/shipment/lineMileage/
                 +$("#value").val(),//此为所要传递的值，通过jquery获取
            type : "get",
            dataType : "json",
            async : true,
            cache:false,

后端：

@GetMapping("/shipment/lineMileage/{id}") //id为占位符，既value在地址中的位置
@ResponseBody
                //通过@PathVariable将占位符id中的值传入参数中value1
public List<City> addStartCity(@PathVariable("id") Integer value1){

3.使用注解@RequestParam（通过获取参数名来获取参数值）

前端：

<!-- 1.直接url传递

  //第一行为请求地址，第二行为传递参数 -->

url = http://localhost:8080/shipment/lineMileage?
           username = name &password = pass  //此为所要传递的值




<!--2.通过jquery 的ajax传递-->
$.ajax({
url:'http://localhost:8080/shipment/lineMileage',
data:{username : name ,password : pass}，
dataType:'json',

后端

@RequestMapping("/shipment/lineMileage")
    @ResponseBody
             // @RequestParam指定了链接中的参数名称,从而获取参数值
    public String login(@RequestParam("username") String name,@RequestParam("password") String pass)

4.@Validated注解(通过post提交方式将form表单中的数据序列化后传递到后台，看框     架可没有注解)

前端

$.ajax({
     type: "post", // 以post方式发起请求
     url: "http://localhost:8080/shipment/lineMileage", // 你的请求链接
     data:$("#myForm").serialize(), // 对id为myForm的表单数据进行序列化并传递到后台

后端

@RequestMapping("/shipment/lineMileage")
@ResponseBody
          // 表单数据与User实体类相对应，既表单里的每个框里的mane值都有与实体类中的字段有之对应的关系(名字相同)
public String login(User user)//login为函数

5.ajax异步传值  在ajax方法体中使用data进行传值（常见）

前端：

$.ajax({
            type: "post", // 以post方式发起请求
            url: "http://localhost:8080/shipment/lineMileage", // 你的请求链接
            dataType : "json",
            data: { // 提交数据
                "username": "admin", // 前者为字段名，后者为数据，json格式
                "password": "admin"
            },

后端：

@RequestMapping("/shipment/lineMileage")
   @ResponseBody
                         // 获取json格式中date的名称获取值
   public String yourUrl(@RequestParam("username") String username, 
   @RequestParam("password") String password)