1.谷歌浏览器控制台 F12
2.$post 请求数据
$.post(url, {
token: globalData.myToken
},
function(result) {
//不清楚数据结构，所以打印到控制台
console.log(result);
}
}
}）
3.请求数据后，把数据渲染到穿梭框
transfer.render({
elem:'#test1',
data:result,
id:'demo1',
parseData: function(res) {
//根据返回数据格式进行解析
return {
"value":res.Id//数据值
,
"title":res.Name //数据标题
,
"disabled": res.disabled //是否禁用
,
"checked": res.checked //是否选中
}
}
})
4.单词 transfer 转移
5.数据和穿梭框连接代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="layui/css/layui.css" type="text/css">
<script src="layui/layui.js" type="text/javascript" charset="UTF-8"></script>
<script src="layui/global.js" type="text/javascript" charset="UTF-8"></script>
</head>
<body>
<div id="test1"></div>
<script>
layui.use(['transfer'], function() {
let transfer = layui.transfer;
let $ = layui.$;
let url =globalData.server+"/GetRolesAll"
$.post(url, {
token: globalData.myToken
},
function(result) {
//不清楚数据结构，所以打印到控制台
console.log(result);
//穿梭框渲染返回的数据
transfer.render({
elem:'#test1',
data:result,
id:'demo1',
parseData: function(res) {
//根据返回数据格式进行解析
return {
"value":res.Id//数据值
,
"title":res.Name //数据标题
,
"disabled": res.disabled //是否禁用
,
"checked": res.checked //是否选中
}
}
})
},
"json")
})
</script>
</body>
</html>
6.global.js文件代码
var globalData = {
server:"http://stuapi.ysd3g.com/api/",
myToken:"443c475a-70e8-4b9a-a88c-c608832f7607",
};
7.获取token网址
stuapi.ysd3g.com
来源：https://blog.csdn.net/qq_33354934/article/details/100544147