您现在的位置: 首页 > 开发编程 > HBuilder教程 > 正文

MUI 获取手机中的联系人

作者:admin来源:网络浏览:时间:2018-05-08 22:00:09我要评论
分享到
在html5下利用Native.js来获取系统通讯录管理对象AddressBook,再调用对象中的find()方法查找出系统通信录中的所有联系人。
API:http://www.html5plus.org/doc/zh_cn/contacts.html#plus.contacts.AddressBook
代码:

  1. <!doctype html> 
  2. <html> 
  3.     <head> 
  4.         <meta charset="UTF-8"
  5.         <title></title> 
  6.         <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> 
  7.         <link href="../../css/mui.min.css" rel="stylesheet" /> 
  8.         <style> 
  9.  
  10.         </style> 
  11.     </head> 
  12.     <body> 
  13.         <header class="mui-bar mui-bar-nav"
  14.             <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> 
  15.             <h1 class="mui-title">联系人</h1> 
  16.         </header> 
  17.         <div class="mui-content"
  18.             <ul class="mui-table-view" id="listArea"
  19.                 <li class="mui-table-view-cell" id="mode"
  20.                     # 
  21.                 </li> 
  22.             </ul> 
  23.         </div> 
  24.         <script src="../../js/mui.min.js"></script> 
  25.         <script type="text/javascript"
  26.             mui.init(); 
  27.                 mui.plusReady(function() { 
  28.                     // 扩展API加载完毕,现在可以正常调用扩展API 
  29.                     plus.contacts.getAddressBook(plus.contacts.ADDRESSBOOK_PHONE, function(addressbook) { 
  30.                         addressbook.find(["displayName""phoneNumbers"], function(contacts) { 
  31.                             for(var i = 0, len = contacts.length; i < len; i++) { 
  32.                                 var li = document.getElementById("mode").cloneNode(true); 
  33.                                 li.innerHTML = contacts[i].displayName + "<br/>手机:" + (contacts[i].phoneNumbers.length == 0 ? "" : contacts[i].phoneNumbers[0].value); 
  34.                                 document.getElementById("listArea").appendChild(li); 
  35.                             } 
  36.                         }, function() { 
  37.                             mui.toast("获取电话簿失败 "); 
  38.                         }, { 
  39.                             multiple: true 
  40.                         }); 
  41.                     }, function(e) { 
  42.                         mui.toast("获取电话簿失败 " + e.message); 
  43.                     }); 
  44.                 }); 
  45.  
  46.         </script> 
  47.     </body> 
  48.  
  49. </html> 

 

相关热词搜索: