restful传值

@GetMapping

普通的get请求

在这里插入图片描述
后端:
在这里插入图片描述

restfule的get请求

通过/asd/123这种方式get请求传入后端
前端

url: '/system/role/deptTree/' + roleId + '/' + tenantId,
method: 'get'

在这里插入图片描述

后端@PathVariable从path上取对应的值
通过

   @GetMapping(value = "/deptTree/{roleId}/{tenantId}")
   public AjaxResult deptTree(@PathVariable("roleId") Long roleId,@PathVariable("tenantId")Integer tenantId){
   }
  • get请求,对象接收,不用@RequestBody
    在这里插入图片描述

@PostMapping

前端
参数名对应,post请求传数组到后端

          this.download('monitor/operlog/export', {
            ids: this.ids.join(','), tenantId: 123
          }, `操作日志信息列表.xlsx`)

后端,参数名对应,直接接收到,不用注解

@PostMapping("/export")
public void export(HttpServletResponse response,String ids,Integer tenantId) {

@PutMapping

  • 前端
    在这里插入图片描述
    data是form表单数据
  • 后端
    在这里插入图片描述
  • 实例1
    前端参数
{
    "orderId": "123",
    "addedFees": [{
        "feeType": "34",
        "feeName": "过路费",
        "feeAmount": "1121"
    }, {
        "feeType": "33",
        "feeName": "等候费用",
        "feeAmount": "1024"
    }]
}

后端接收
在这里插入图片描述

  • 5
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Ajax是一种用于在Web页面上进行异步通信的术,它可以在不刷新整个页面的情况下,通过与服务器进行数据交换来更新部分页面内容。而RESTful是一种设计风格,它提倡使用统一的URL和HTTP方法来进行资源的操作。 在使用Ajax和RESTful风格传值时,可以通过发送HTTP请求来实现数据的传输和操作。具体步骤如下: 1. 客户端通过JavaScript代码创建一个XMLHttpRequest对象,用于发送HTTP请求。 2. 设置XMLHttpRequest对象的请求方法(GET、POST、PUT、DELETE等)和请求URL。 3. 如果需要传递参数,可以将参数以键值对的形式添加到请求URL中,或者将参数作为请求体的一部分发送。 4. 设置请求头,指定请求的数据格式(如JSON、XML等)。 5. 注册回调函数,用于处理服务器返回的响应数据。 6. 发送HTTP请求。 7. 服务器接收到请求后,根据请求方法和URL进行相应的处理,并返回响应数据。 8. 客户端接收到服务器返回的响应数据后,通过回调函数进行处理,更新页面内容。 使用Ajax和RESTful风格传值的好处是可以实现前后端的解耦,提高系统的可扩展性和灵活性。同时,RESTful风格的URL设计也使得API更加清晰和易于理解。 相关问题: 1. 什么是Ajax? 2. 什么是RESTful风格? 3. 如何使用Ajax发送GET请求? 4. 如何使用Ajax发送POST请求? 5. 如何使用Ajax发送PUT请求? 6. 如何使用Ajax发送DELETE请求?
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值