HTML5 获取用户的通讯录和地址

老李要转行

已于 2022-05-11 14:06:36 修改

阅读量7.4k

点赞数 15

CC 4.0 BY-SA版权

分类专栏： js 文章标签： html5 json javascript

于 2019-07-25 10:17:48 首次发布

本文链接：https://blog.youkuaiyun.com/baixiaoshengaaa/article/details/97239818

本文介绍了如何在HTML5应用中获取用户的通讯录和地址，通过HBuilderX打包H5页面后，利用HTML5+API Reference的接口进行操作。在用户登录成功后，将数据存储到数据库。主要步骤包括全局变量定义、plusready实例化、扩展API加载以及数据解析。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在开发项目时通过HBuilderX打包h5网页后需要获取用户的地址和通讯录查阅了很多自己写出来总结一下
这里是引用HTML5+API Reference的接口里边有很多的资料详细参考手册 http://www.html5plus.org/doc/zh_cn/webview.htmlhttp://www.html5plus.org/doc/zh_cn/webview.html

回归正题进行获取用户的通讯录

1、我在js开始执行时定义了全局变量存储，等到用户登录成功后进行存入数据库

var contacts_json = '';

2、进行实例化plusready

 // 扩展API加载完毕后调用onPlusReady回调函数
  document.addEventListener('plusready', onPlusReady, false);

3、扩展API加载完毕，现在可以正常调用扩展API

function onPlusReady() {
            // 扩展API加载完毕，现在可以正常调用扩展API
            plus.contacts.getAddressBook( plus.contacts.ADDRESSBOOK_PHONE, function( addressbook ) {
                addressbook.find(["displayName","phoneNumbers"],function(contacts){
                   contacts_json = JSON.stringify(contacts);
                   contacts_msg = '获取成功！';