JavaWeb - RESTful风格 GET、POST、PUT、DELETE 前端请求示例

简介: JavaWeb - RESTful风格 GET、POST、PUT、DELETE 前端请求示例



GET请求

  • GET请求会向数据库发索取数据的请求,从而来获取信息,该请求就像数据库的select操作一样,只是用来查询一下数据,不会修改、增加数据,不会影响资源的内容,即该请求不会产生副作用。无论进行多少次操作,结果都是一样的。

后端


 @ResponseBody
 @GetMapping("/user/{id}")
 public User selectUserById(@PathVariable("id") Integer id){
        return userService.getUserById(id);
 }

前端

localhost:8083/user/1

 

POST请求

  • POST请求同PUT请求类似,都是向服务器端发送数据的,但是该请求会改变数据的种类等资源,就像数据库的insert操作一样,会创建新的内容。几乎目前所有的提交操作都是用POST请求的。

后端


@ResponseBody
@PostMapping("/user")
public User insert(User user){
    System.out.println("Get请求...");
    userService.insert(user);
    return user;
}

前端


<form action="http://localhost:8083/user" method="post">
  <input type="text" name="id" value="1"/>
  <input type="text" name="name" value="one"/>
  <input type="submit" value="提交"/>
</form>

PUT请求

  • 与GET不同的是,PUT请求是向服务器端发送数据的,从而改变信息,该请求就像数据库的update操作一样,用来修改数据的内容,但是不会增加数据的种类等,也就是说无论进行多少次PUT操作,其结果并没有不同。

后端


@ResponseBody
@PutMapping("/user")
public User update(User user){
    System.out.println("Put请求...");
    System.out.println(user);
    return userService.update(user);
}

前端


<form action="http://localhost:8083/user" method="post">
  <input type="text" name="id" value="1"/>
  <input type="text" name="name" value="one"/>
  <input type="text" name="_method" value="PUT"/>
  <input type="submit" value="提交"/>
</form>

Ps:就像前面所讲的一样,既然PUT和POST操作都是向服务器端发送数据的,那么两者有什么区别呢?POST主要作用在一个集合资源之上的(url),而PUT主要作用在一个具体资源之上的(url/xxx),通俗一下讲就是,如URL可以在客户端确定,那么可使用PUT,否则用POST。



DELETE请求

DELETE请求顾名思义,就是用来删除某一个资源的,该请求就像数据库的delete操作。

后端


@DeleteMapping("/user/{id}")
@ResponseBody
public String delete(@PathVariable("id") Integer id){
    System.out.println("Delete请求...");
    userService.delete(id);
    return "从缓存中删除编号为"+id+"的对象,下一次将从数据库中查询该对象";
}

前端


<form action="http://localhost:8083/user/1" method="post">
  <input type="text "name="_method" value="DELETE"/>
  <input type="submit" value="提交"/>
</form> 

Ps:异步请求,对于PUT和DELETE请求,使用POST方法提交,在上送的数据中加上_method=PUT/DELETE


目录
相关文章
|
5月前
|
缓存 前端开发 中间件
[go 面试] 前端请求到后端API的中间件流程解析
[go 面试] 前端请求到后端API的中间件流程解析
|
3月前
|
前端开发 JavaScript
回顾前端页面发送ajax请求方式
回顾前端页面发送ajax请求方式
43 18
|
3月前
|
前端开发 JavaScript API
前端Get请求能在body上传参吗
【10月更文挑战第11天】 在浏览器环境中,GET请求的body参数会被忽略,这是因为浏览器中的XHR和fetch实现限制了这一行为。而在Node.js服务端环境中,GET请求可以在body中传递参数,因为服务端请求库没有这样的限制。实际上,GET请求不带body是HTTP标准的一部分,但在某些场景下,为了遵循RESTful规范,可以考虑通过服务端转发或BFF模式来实现复杂的参数传递。
|
3月前
|
存储 缓存 监控
|
3月前
|
移动开发 前端开发 HTML5
SharedWorker 优化前端轮询请求
【10月更文挑战第6天】
43 1
|
3月前
|
NoSQL 前端开发 MongoDB
前端的全栈之路Meteor篇(三):运行在浏览器端的NoSQL数据库副本-MiniMongo介绍及其前后端数据实时同步示例
MiniMongo 是 Meteor 框架中的客户端数据库组件,模拟了 MongoDB 的核心功能,允许前端开发者使用类似 MongoDB 的 API 进行数据操作。通过 Meteor 的数据同步机制,MiniMongo 与服务器端的 MongoDB 实现实时数据同步,确保数据一致性,支持发布/订阅模型和响应式数据源,适用于实时聊天、项目管理和协作工具等应用场景。
|
4月前
|
JSON Go API
使用Go语言和Gin框架构建RESTful API:GET与POST请求示例
使用Go语言和Gin框架构建RESTful API:GET与POST请求示例
|
3月前
|
移动开发 算法 前端开发
前端常用算法全解:特征梳理、复杂度比较、分类解读与示例展示
前端常用算法全解:特征梳理、复杂度比较、分类解读与示例展示
35 0
|
3月前
|
存储 前端开发 API
Restful API 设计示例
Restful API 设计示例
41 0
|
3月前
|
前端开发
前端常用方法防抖(debounce)和节流(throttle)的示例演示及应用场景说明
前端常用方法防抖(debounce)和节流(throttle)的示例演示及应用场景说明
41 0