最全的前后端传参方式总结,干货总结!

1,396 阅读1分钟

一、前端常见请求方式

以jquery的ajax请求为例

$.ajax({
    url:"http://xxx.com/project/home/index",
    type:"get",
    data:{},
    contentType:"application/json",
    dataType:"json",
})

① url:请求的后端地址,如:http(s)://域名/项目名/接口名

② type:请求方式(请求方式有8种:GET(完整请求一个资源)、POST(提交表单)、PUT(上传文件)、DELETE(删除)、PATCH、HEAD(仅请求响应首部)、OPTIONS(返回请求的资源所支持的方法)、TRACE(追求一个资源请求中间所经过的代理)。最常的两种GET和POST,如果是RESTful接口的话一般会用到GET、POST、DELETE、PUT。常用的请求方式有get和post请求。

③ data:请求参数(前端要传给后端的参数),

常见post请求方式的传参有:json格式:JSON.stringify({name:"uername",password:"pwd"})、formdata格式,

常见的get请求方式的传参:'?key1=value1&key2=value2'(可直接拼接在url后面)

④ contentType:前端要发送给后端的参数的类型{application/x-www-form-urlencoded(默认类型)、application/json},默认类型下传参为:get请求方式的传参即:'?key1=value1&key2=value2',application/json为JSON.stringify({key1:value1,key2:value})这种方式

二、后端常见接收参数方式: 以Java的springboot框架为例 `

@RequestMapping("/user")
@RestController
public class UserController(){
//如果前端请求参数类型为默认类型,则后端可以这么接收
@RequestMapping("/index/{username}")
public String Index(@PathVariable("username") String username){
       ...
}
//如果前端请求参数类型为application/json
@RequestMapping("/index")
public String Index(@RequestBody User user){
       ...
}
//如果前端传的是formData格式的数据
@RequestMapping("/index")
public String Index(String username){
       ...
}
}`