微信显示通讯录的代码

最新推荐文章于 2022-02-10 16:56:06 发布

Bill11YAng

最新推荐文章于 2022-02-10 16:56:06 发布

阅读量3k

点赞数 1

分类专栏：微信开发

本文链接：https://blog.csdn.net/softuse/article/details/52066054

版权

微信开发专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="Scripts/jquery-1.8.2.min.js"></script>
    <link href="weui-0.4.2/dist/style/weui.css" rel="stylesheet" />
    <script src="Scripts/jquery-ui-1.8.24.min.js"></script>
    <script src="WXJS/Wxjs.js"></script>

    <title>通讯录</title>
</head>
<body>
    

    <div id="deptContainer">
        
    </div>
    <input type="button" name="name" value="获取部门id" id="getDepartmentId" />

    <input type="button" name="name" value="提交（获取选中人员信息）" id="getMemberInfo" />
    <br />
    <div id="test">测试是否会消失</div>
    <br />

    <script>
        //获取用户列表－－－头像，名称……

        //1.先获得所有的部门 2.根据获得所有的员工 3.根据id 将成员分组 4.将成员放在不同的div中
        $(function () {
            var deptId;
            $("#getDepartmentId").click(function () {
                // GetDepartmentId("Wechat/Department", "Wechat/DepartmentMemberInfo");

                GetDepartmentList(function (data) {
                    GetEmployees(data.department[0].id, function (emps) {
                        var depts = data.department;

                        var deptContainer = $("#deptContainer");

                        deptContainer.empty();

                        for (var i = 0; i < depts.length; i++) {
                            deptId = depts[i].id; //获取部门id
                            var deptName = depts[i].name; //获取部门名称
                            //根据部门id获得成员信息列表
                            var str = '<div id="' + deptId + '"><span>' + '<strong>' + deptName + '</strong>' + '&nbsp' + '&nbsp' + '&nbsp' + '&nbsp' + '&nbsp' + '&nbsp' + '&nbsp' + '>' + '</span></div>';

                            deptContainer.append(str);


                            var userList = emps.userlist;
                            for (var j = 0; j < userList.length; j++) {
                                var memberDept = userList[j].department;

                                if (memberDept.indexOf(deptId) != -1) {
                                    var userid = userList[j].userid;
                                    var img = userList[j].avatar;
                                    var name = userList[j].name;
                                    var department = userList[j].department;
                                    var position = userList[j].position;
                                    var mobile = userList[j].mobile;
                                    var gender = userList[j].gender;
                                    var email = userList[j].email;
                                    var extattr = userList[j].extattr;

                                    if (img != null) {
                                        img += '64';
                                    } //将最后的/0 改成/64

                                    //页面中带有成员信息，在提交用户信息时可以使用

                                    var userHtml = '<div class="weui_cells weui_cells_checkbox" id="' + userid + '"><label class="weui_cell weui_check_label" for="u' + deptId + userid + '"><div class="weui_cell_hd"><input type="checkbox" class="weui_check" id="u' + deptId + userid + '"><i class="weui_icon_checked"></i></div><div class="weui_cell_bd weui_cell_primary"><img src="' + img + '" alt="图片" id="showImg" /><label id="showName">' + name + '</label><div value="' + userid + '" id="userid"></div><div value="' + department + '" id="department">' +
                                        '</div><div value="' + position + '" id="position"></div><div value="' + mobile + '" id="mobile"></div>' +
                                        '<div value="' + gender + '" id="gender"></div><div value="' + email + '" id="email"></div><div value="' + extattr + '" id="extattr"></div></div></label></div>';

                                    // empContainer.append(userHtml);

                                    $("#"+deptId).append(userHtml);
                                }
                            }

                        }

                    });

                });
            });
            //这里的selector必须是唯一的，不然它会触发多次事件

            $('#deptContainer').on("click", "span", function () {

                $(this).siblings('.weui_cells').slideToggle();
            });
        });



        var img;
        var name;
        var userid;
        var department;

        var position;
        var mobile;
        var gender;
        var email;
        var extattr;

        $('#getMemberInfo').click(function () {
            var check = $('.weui_check');

            var array = new Array;

            for (var i = 0; i < check.length; i++) {
                if (check[i].checked) {
                    var c = check[i];
                    //选中input checkbox的父元素
                    var p = c.parentNode;
                    //下一个兄弟元素
                    var nextBrother = p.nextElementSibling;
                    //获取图片
                    img = nextBrother.firstChild.attributes.src.value;
                    //姓名
                    name = nextBrother.innerText;
                    //递归向下一个兄弟元素，取得需要的值
                    var userName = nextBrother.firstChild.nextElementSibling; // 成员姓名
                    var userId;
                    userId = userName.nextElementSibling; //成员userid
                    userid = userId.attributes.value.value;

                    var departmentS = userId.nextElementSibling; //成员department
                    department = departmentS.attributes.value.value;

                    var positionS = departmentS.nextElementSibling; //成员职位
                    position = positionS.attributes.value.value;

                    var mobileS = positionS.nextElementSibling; //成员mobile
                    mobile = mobileS.attributes.value.value;

                    var genderS = mobileS.nextElementSibling; //成员gender
                    gender = genderS.attributes.value.value;

                    var emailS = genderS.nextElementSibling; //成员email
                    email = emailS.attributes.value.value;

                    var extattrS = emailS.nextElementSibling; //成员extattr
                    extattr = extattrS.attributes.value.value;
                    //传到另一个页面
                    //var info = new JSON;
                    //info.key = "name";
                    var info = {
                        "name": name,
                        "image": img,
                        "userId": userid,
                        "department": department,
                        "position": position,
                        "mobile": mobile,
                        "gender": gender,
                        "email": email,
                        "extattr": extattr
                    };
                    var infos = JSON.stringify(info);
                    array.push(infos);

                }
            }

            var storage = window.localStorage;
            var hel = JSON.stringify(array);
            storage.setItem("memberInfo", hel);
            var result = storage.getItem("memberInfo");
            var value = JSON.parse(result);
            var v = value[0];
            var k = JSON.parse(v);
            var r = k.name;

            alert(r);

        });

    </script>
</body>
</html>
'