数据接口服务器端网址

最新推荐文章于 2023-07-28 14:54:04 发布

所念皆来

最新推荐文章于 2023-07-28 14:54:04 发布

阅读量445

点赞数

本文链接：https://blog.csdn.net/HJL_1421/article/details/100544192

版权

1 谷歌浏览器调出控制台 F12

2 $ post请求数据

3 请求数据后，把数据渲染到穿梭框

单词 transfer 转移

————————————————————————————————————————

<!DOCTYPE html>
<html>

   <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>

————————————————————————————————————————————

golbal.js 代码如下：

var globalDate = {
server:"http://stuapi.ysd3g.com/api/", //数据接口服务器端网址
myToken:"983eb3e6-79fc-4d78-85bc-55eb263e4b14", //自己的数据token
};

————————————————————————————————————————————

token获取网址

http://stuapi.ysd3g.com/

所念皆来

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
数据接口服务器端网址

1 谷歌浏览器调出控制台 F122 $ post请求数据3 请求数据后，把数据渲染到穿梭框单词 transfer 转移————————————————————————————————————————4<!DOCTYPE html><html> <head> <meta charset="UTF-...
复制链接

扫一扫