首页 » MUI » MUI联系人源码 MUI获取手机中的联系人项目

MUI联系人源码 MUI获取手机中的联系人项目

在html5下利用Native.js来获取系统通讯录管理对象AddressBook,再调用对象中的find()方法查找出系统通信录中的所有联系人。
API:http://www.html5plus.org/doc/zh_cn/contacts.html#plus.contacts.AddressBook

 

MUI联系人源码 MUI获取手机中的联系人项目

代码:

  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.         </style>
  10.     </head>
  11.     <body>
  12.         <header class=“mui-bar mui-bar-nav”>
  13.             <a class=“mui-action-back mui-icon mui-icon-left-nav mui-pull-left”></a>
  14.             <h1 class=“mui-title”>联系人</h1>
  15.         </header>
  16.         <div class=“mui-content”>
  17.             <ul class=“mui-table-view” id=“listArea”>
  18.                 <li class=“mui-table-view-cell” id=“mode”>
  19.                     #
  20.                 </li>
  21.             </ul>
  22.         </div>
  23.         <script src=“../../js/mui.min.js”></script>
  24.         <script type=“text/javascript”>
  25.             mui.init();
  26.                 mui.plusReady(function() {
  27.                     // 扩展API加载完毕,现在可以正常调用扩展API
  28.                     plus.contacts.getAddressBook(plus.contacts.ADDRESSBOOK_PHONE, function(addressbook) {
  29.                         addressbook.find([“displayName”“phoneNumbers”], function(contacts) {
  30.                             for(var i = 0, len = contacts.length; i < len; i++) {
  31.                                 var li = document.getElementById(“mode”).cloneNode(true);
  32.                                 li.innerHTML = contacts[i].displayName + “<br/>手机:” + (contacts[i].phoneNumbers.length == 0 ? “” : contacts[i].phoneNumbers[0].value);
  33.                                 document.getElementById(“listArea”).appendChild(li);
  34.                             }
  35.                         }, function() {
  36.                             mui.toast(“获取电话簿失败 “);
  37.                         }, {
  38.                             multiple: true
  39.                         });
  40.                     }, function(e) {
  41.                         mui.toast(“获取电话簿失败 “ + e.message);
  42.                     });
  43.                 });
  44.         </script>
  45.     </body>
  46. </html>

 

MUI教程获取手机中的联系人项枫瑞博客网转载网络

标签:

转载请声明原站来源:作者:枫瑞博客, 转载或复制请以 超链接形式 并注明出处 枫瑞博客网
原文地址:《MUI联系人源码 MUI获取手机中的联系人项目》 发布于2018-12-31

赞(0) 生成海报

评论 抢沙发

7 + 2 =


长按图片转发给朋友

微信公测版本发布啦
写bug咯!!写bug!!!多端微信小程序星宿适配中....