一、前端常见请求方式
以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){
...
}
}`
|