HTML5通讯录获取指定多个人的信息

这篇文章主要介绍了详解HTML5+通讯录获取指定多个人的信息 ,非常具有实用价值,需要的朋友可以参考下。

本文介绍了HTML5通讯录获取指定多个人的信息,具体如下:

一、获取多个人的信息:要解决通讯录导入多个人的信息之前,要解决获取多个人的信息。我通过plus.contacts.getAddressBook和address.find的套用把通讯录里面的所有联系人的id和displayName获取出来,然后通过自己写的通讯录获取页面显示出来。

1、解决这个问题首先你要自己写一个js通讯录,这样可以把你所有联系人首字母分离出来,并且旁边可以跳转到你要的首字母。

2、解决获取所有联系人信息

plus.contacts.getAddressBook(plus.contacts.ADDRESSBOOK_PHONE, function(addressbook) { //获取通讯录信息                // 可通过addressbook进行通讯录操作                addressbook.find(null, function(contacts) {                    var username = new Array();                    var LinkList = new LinkedList();                    if(contacts.length > 0) { //获取当前通讯录里面所有人                        for(var i = 0; i 

二、从通讯录导入多个选定的个人信息:解决这个问题在先前创建通讯录页面的时候就一定要把联系人的id放在在页面上(使用display隐藏),这样我获取被选中的checkBox的时候就可以直接获取id,并且把这些id放到一个数组里面。再通过plus.contacts.getAddressBook和address.find的套用把这些id的联系人信息筛选出来。

1、解决使用checkBox获取联系人id,这里我使用了JQuery。

//筛选已经被选中的checkbox    $("input:checked").each(function() {            var index = $(this).parent().prev().children('label').text(); //获取id            var name = $(this).parent().prev().children('p').text(); //获取姓名            username.push(name);            usernameIndex.push(index);    });

登录后复制

2、解决把这些index放到find里面进行筛选信息,把特定id下面的联系人信息拿出来

plus.contacts.getAddressBook(plus.contacts.ADDRESSBOOK_PHONE, function(addressbook) { //获取通讯录信息            for(var j = 0; j  0) {//这里需要判断是否为空,为空的数组没有index=0;                                    phone = contacts[i].phoneNumbers[0].value;                                } else {                                    phone = contacts[i].phoneNumbers;                                }                                if(contacts[i].emails.length > 0) {//这里需要判断是否为空,为空的数组没有index=0;                                    emails = contacts[i].emails[0].value;                                } else {                                    emails = contacts[i].emails;                                }                                var dateNum = new Date(contacts[i].birthday);//这里的birthday是number类型!!!官方手册坑爹?                                dates = dateNum.getFullYear()   "."   (dateNum.getMonth()   1)   "."   dateNum.getDate();                                remark = contacts[i].note;                                var getContact = {//把所有信息放到一个json里面                                    contactName: displayname,                                    sex: "",                                    department: "",                                    positions: "",                                    tel: "",                                    phone: phone,                                    eMail: emails,                                    birthday: dates,                                    hobby: "",                                    remark: remark                                };                                //这下面是我的业务代码了,这里大家可以写自己的信息                                //createContactTable(db);                                //InsertContact(db, getContact); //多个信息插入有线程安全的问题出现!!!!!!!                            }                            //console.log(username.length);                                                 }, function(e) {                            console.log("查询错误");                        }, {                                                           //这里面的筛选非常重要!!!这样才能选出匹配的信息                            filter: [{                                logic: "or",                                field: "id",                                value: usernameIndex[j]                            }],                            multi: false                        });                    }                }, function(e) {                    console.log("打开通讯录错误");                });

登录后复制

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注【创想鸟】!

相关推荐:

HTML5实现留言和回复的页面样式

HTML5实现留言和回复的页面样式

以上就是HTML5通讯录获取指定多个人的信息的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3124278.html

(0)
上一篇 2025年3月29日 19:08:50
下一篇 2025年3月29日 19:09:19

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 使用canvas实现迷宫游戏

    这篇文章主要介绍了关于使用canvas实现迷宫游戏,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 前言 (最近设计模式看的有点头大,一直面对纯js实在是有些枯燥-_-。所以写一点有趣的东西调剂一下)现在canvas已经不算新…

    编程技术 2025年3月29日
    100
  • HTML5嵌入音频和视频的方法

    HTML5使用audio和video元素来嵌入音频和视频内容。可以让支持HTML5的浏览器不需要安装任何插件就可以播放视频和音频。 另外还提供了与这两个标签相关的 javascript api,这样就可以创建我们自己的音视频控件咯:    …

    编程技术 2025年3月29日
    100
  • 使用h5 canvas实现时钟的动态效果

    canvas 绘制好时钟界面,使用定时器定时重绘整个canvas,就实现了仿真动态时钟的效果。 难点在于: 秒钟刻度和时钟刻度的绘制 整点文字沿着内边圆形环绕 其中刻度的环绕并不难计算,文字的环绕就比较坑爹了,canvas绘制的文字是在绘制…

    2025年3月29日
    100
  • Storage Event如何实现页面间通信

    这篇文章分享给大家的内容是关于storage event如何实现页面间通信,内容很有参考价值,希望可以帮到有需要的小伙伴。 我们都知道触发window.onstorage必须满足以下两个条件: 通过localStorage.setItem或…

    编程技术 2025年3月29日
    100
  • h5实现放大镜效果的代码

    这篇文章分享给大家的内容是关于h5实现放大镜效果的代码,内容很有参考价值,希望可以帮到有需要的小伙伴。 最近公司做的艺术品放大效果,和以往的淘宝放大镜效果有些不同,这个需要在本图上放大 *{margin:0;padding:0} .demo…

    编程技术 2025年3月29日
    100
  • h5新特性的用法:监听App自带的返回键

    这篇文章给大家介绍的文章内容是关于使用h5新特性,轻松监听任何app自带返回键,有很好的参考价值,希望可以帮助到有需要的朋友。 1、前言 如今h5新特性、新标签、新规范等有很多,而且正在不断完善中,各大浏览器商对它们的支持,也是相当给力。作…

    编程技术 2025年3月29日
    100
  • canvas原生实现前端网页移动端签名

    这篇文章给大家介绍的文章内容是关于canvas原生实现前端网页移动端签名,适用于vue.js react 等任何框架,有很好的参考价值,希望可以帮助到有需要的朋友。 let c = document.getElementById(“canv…

    编程技术 2025年3月29日
    100
  • 对Tap事件和Tap点透原理的分析

    这篇文章给大家介绍的文章内容是关于对tap事件和tap点透原理的分析,有很好的参考价值,希望可以帮助到有需要的朋友。 首先介绍tap事件: tap事件的意义:在移动端,click事件会有300ms延迟,因为浏览器通过判断300ms内是否会继…

    编程技术 2025年3月29日
    100
  • canvas如何实现二维码和图片合成的代码

    这篇文章主要介绍了关于canvas如何实现二维码和图片合成的代码,内容有一定的参考价值,希望可以帮助到有需要的朋友。 上个版本接到一个需求,使用url生成一个二维码,然后和另外一张图片合成一张图。实现思路是这样的 使用jr-qrcode将u…

    编程技术 2025年3月29日
    100
  • html5实现移动端下拉刷新(原理和代码)

    这篇文章给大家介绍的内容是关于html5实现移动端下拉刷新(原理和代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 移动端的下拉刷新是一个很常见的功能,也有许多开源库实现了这个功能,不过为了学习,还是先自己写一个例子学…

    编程技术 2025年3月29日
    100

发表回复

登录后才能评论