2021-10-27 onclick事件方法向后台传id

function selectuser(id){
    console.log(id);
    
    $.ajax({
        url:"http://localhost:8080/user/userlist1",
        Type:"get",
        data:{
            id:id
        },

    })
    
}

------------------------------------------------------------------------------------------------

<ul id="nav_dot"  th:inline="text" th:each= "dept:${dept}">
                     <li id="dept_name" class="dept_li" th:οnclick="|selectuser(${dept.dept_id})|">[[${dept.dept_name}]]</li>
              </ul>

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
KEA 是一个 React 状态管理库,它并不负责处理数据的输。因此,你需要使用其他方式(例如 `fetch` 或 `axios`)将数据递给后台代码。 假设你有一个组件,其中包含一个按钮,点击该按钮会将某个 ID递给后台代码。你可以使用 `fetch` 方法来实现这个功能,例如: ```jsx import { useActions } from 'kea'; import { useCallback } from 'react'; import { myLogic } from './myLogic'; const MyComponent = ({ id }) => { const { submitId } = useActions(myLogic); const handleClick = useCallback(() => { fetch('/my/backend/api', { method: 'POST', body: JSON.stringify({ id }), headers: { 'Content-Type': 'application/json' } }) .then(response => response.json()) .then(data => { // 处理后台返回的数据 }) .catch(error => { // 处理请求错误 }); }, [id]); return ( <button onClick={handleClick}>Submit ID</button> ); }; export default MyComponent; ``` 在这个例子中,我们首先使用 `useActions` 钩子将 `submitId` 方法绑定到 `myLogic` 中。然后,在点击按钮时,我们使用 `fetch` 方法后台发送一个 POST 请求,其中包含一个 JSON 格式的对象,该对象包含我们要递的 ID 值。注意,我们需要设置请求头的 Content-Type 为 `application/json`。最后,我们处理后台返回的数据,或者处理请求错误。 在你的后台代码中,你可以使用你喜欢的编程语言来处理这个请求,并从请求体中获取递的 ID 值。例如,在使用 Node.js 的情况下,可以使用 `body-parser` 中间件来解析请求体,例如: ```javascript const express = require('express'); const bodyParser = require('body-parser'); const app = express(); app.use(bodyParser.json()); app.post('/my/backend/api', (req, res) => { const id = req.body.id; // 处理 ID 值 }); ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值