element穿梭框提交保存问题

怎么实现接口对接啊保存，或取穿梭框右边的roleId和roleName，然后提交保存应该进行什么处理

小魔女参考了bing和GPT部分内容调写:
要实现穿梭框右边roleld和roleName的接口对接和保存，需要进行以下步骤：

1. 在前端页面中，使用element穿梭框，实现roleld和roleName的双向穿梭，并且添加提交按钮；
2. 在提交按钮的点击事件中，获取穿梭框右边的roleld和roleName，并将其封装成json格式；
3. 使用axios发送请求，将json格式的数据发送到后端；
4. 在后端接收到请求后，解析json格式的数据，并将其保存到数据库中；
5. 将保存结果返回给前端，前端接收到结果后，根据结果进行相应的操作，如提示保存成功等。
   回答不易，记得采纳呀。

那你先 获取 穿梭框所选的值，然后处理成 接口要的参数。

let data = [ //这个类似 于你的list 数据源
            {
                id: 1,
                roleName: "333"
            },
            {
                id: 2,
                roleName: "44"
            }
        ];

        let ids = ["1"]; // 穿梭框的值
        let arr = [];
        data.map((item) => {
            //穿梭框的 id 等于 数据里的id 那就 能获取到 roleName了
            if (ids.includes(`${item.id}`)) { //注意 类型要相同 因为 data 里id 是 number,ids里是字符串 所以要加个 ``
                arr.push({
                    id: item.id,
                    roleName: item.roleName
                })
            }
        });