介绍/* *, html代码,*/& lt; textarea title=坝没０妗?id=癓AY_Friend",在
{{#,layui.each (d.data,函数(指数,项){,}}
& lt; div 类=發ayui-col-sm4 layui-col-md4 layui-col-lg2"比;
,& lt; div 类=發ayui-card",在
,& lt; div 类=癮vatar"祝辞
,& lt; img 类=發ayadmin-homepage-pad-img", src=皗{, item.avatar }}“,/比;
,& lt;/div>
,& lt; div 类=皍nits"祝辞
,& lt; p> {{, item.userName }} ({{, item.userCode }}) & lt;/p>
,& lt; p> {{, item.roleNames }} & lt;/p>
,& lt; p>
,{{#,如果(item.isValid ==, 0) {,}}
,& lt; button 用户id=皗{, item.userId }}“,类=癮ddFriend layui-btn layui-btn-xs",在,,,,& lt; strong> + & lt;/strong>,,,,好友,,,,& lt;/button>
,{{#,},else {,}}
,& lt; span 类=癱_red"祝辞已经是好友& lt;/span>
,{{#,},}}
,& lt;/p>
,& lt;/div>
,& lt;/div>
,& lt;/div>
,{{#,});,}}
& lt;/textarea>/* *,js代码,*/. ajax({美元
类型:大敌;“get",
,url:“. ./json/friend.json"
,异步:没错,
,数据:数据,
,成功:function (数据),{
,var json =,数据;
,var list =, json.data;
,如果(list !=, null) {
,//,数据转化为html格式
var html =, laytpl LAY_Friend.value .render ({
,数据:列表
});
control.html (html);
,其他}{
,control.append (& # 39; & lt; div 在没有找到符合搜索条件的用户& lt;/div> & # 39;);
,}
,}
}); 二、添加好友
/* *
,*添加好友
,*/$(文档)。(& # 39;点击# 39;,,& # 39;.addFriend& # 39;,,()函数,{
美元var myBut =,(这);
var userId =, myBut.attr (“userId");//,弹出添加好友验证界面
layim.add ({
类型:& # 39;朋友# 39;
,用户名:user.username
,《阿凡达》:user.avatar
,,提交:函数(集团,备注,,指数){
layer.msg(& # 39;好友申请已发送,请等待对方确认& # 39;,,{,图标:1,});//,修改按钮
,myBut.parent () . html (& # 39; & lt; span 类=癱_red"祝辞已经提交申请& lt;/span> & # 39;);
,//,在这里插入你的推送信息代码
}大敌;
,});
}); 三、推送信息
//,推送一个消息
var msg =, {
类型:,“addMsgbox",//,随便定义,用于在服务端区分消息类型
sendType: 1,,//,随便定义,用于在服务端区分消息类型
fromId: loginUserId,,//,申请者
toId:用户。id,//,好友编的号
groupId://,,所在分组//备注:,评论,验证信息
}
websocket.send (JSON.stringify ({
,类型:& # 39;chatMsgbox& # 39;,//,随便定义,用于在服务端区分消息类型
,数据:味精
,}));
如何在javascript中使用layim查找好友查找群组?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
一、绑定用户成员列表
二、添加好友
三、推送信息
利用套接字推送添加好友申请
看完上述内容,你们掌握如何在javascript中使用layim查找好友查找群组的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!
