Java 日常开发笔记(小程序页面交互传参-id)

前端代码

传id

javascript 复制代码
  // 使用 JSON.stringify 将数组转换为字符串,以符合 URL 的要求
  del(`/system/wenjuan/${id}`).then(res => {
    if (res.code == 200) {
      uni.showToast({
        title: '删除成功',
        icon: 'success',    // 将值设置为 success 或者 ''
        duration: 2000    // 持续时间为 2秒
      });
    } else {
      uni.showToast({
        title: '删除失败',
        icon: 'error',    // 将值设置为 success 或者 ''
        duration: 2000    // 持续时间为 2秒
      });
    }
  });

传数组ids

方式一

javascript 复制代码
const ids = [id];
  // 使用 JSON.stringify 将数组转换为字符串,以符合 URL 的要求
  del(`/system/wenjuan/${ids.join('/')}`).then(res => {
    if (res.code == 200) {
      uni.showToast({
        title: '删除成功',
        icon: 'success',    // 将值设置为 success 或者 ''
        duration: 2000    // 持续时间为 2秒
      });
    } else {
      uni.showToast({
        title: '删除失败',
        icon: 'error',    // 将值设置为 success 或者 ''
        duration: 2000    // 持续时间为 2秒
      });
    }
  });

js交互代码

javascript 复制代码
// 删除公共方法
export function del(url) {
    return request({
        url: url,
        method: 'delete'
    })
}

方式二

javascript 复制代码
del(`/system/wenjuan/`,ids).then(res => {
   if (res.code == 200) {
     uni.showToast({
       title: '删除成功',
       icon: 'success',
       duration: 2000
     });
     that.getlist(); // 刷新列表
   } else {
     uni.showToast({
       title: '删除失败',
       icon: 'error',
       duration: 2000
     });
   }
 });

js交互代码

javascript 复制代码
// 删除公共方法
export function del(url,roleId) {
    return request({
        url: url + roleId,
        method: 'delete'
    })
}

后端接口

接收ids

javascript 复制代码
@DeleteMapping("/{ids}")
public AjaxResult remove(@PathVariable Long[] ids)
{
    return toAjax(wenjuanService.deleteWenjuanByIds(ids));
}

接收id

javascript 复制代码
@DeleteMapping("/{id}")
public AjaxResult remove(@PathVariable int ds)
{
    return toAjax(wenjuanService.deleteWenjuanById(id));
}
相关推荐
桦说编程17 分钟前
从 ForkJoinPool 的 Compensate 看并发框架的线程补偿思想
java·后端·源码阅读
躺平大鹅2 小时前
Java面向对象入门(类与对象,新手秒懂)
java
初次攀爬者3 小时前
RocketMQ在Spring Boot上的基础使用
java·spring boot·rocketmq
花花无缺3 小时前
搞懂@Autowired 与@Resuorce
java·spring boot·后端
Derek_Smart4 小时前
从一次 OOM 事故说起:打造生产级的 JVM 健康检查组件
java·jvm·spring boot
NE_STOP5 小时前
MyBatis-mybatis入门与增删改查
java
icebreaker6 小时前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker6 小时前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
孟陬9 小时前
国外技术周刊 #1:Paul Graham 重新分享最受欢迎的文章《创作者的品味》、本周被划线最多 YouTube《如何在 19 分钟内学会 AI》、为何我不
java·前端·后端