Issues with the navigator.contacts.find function occurring when using cordova or phonegap

Question

Issues with the navigator.contacts.find function occurring when using cordova or phonegap

I am attempting to retrieve the contacts stored on a mobile device. The code snippet I am using is not functioning as expected - specifically, the navigator.contacts.find method isn't producing any outcomes. There are no error messages or success confirmations. Additionally, adding an alert message after that particular line of code does not display anything.

function extract_contacts(){

var options = new ContactFindOptions();

options.filter = "";  //if left empty, all contacts will be returned

options.multiple = true;  //multiple results will be returned

var filter = ["displayName"];    //an array used to compare against the options.filter 

navigator.contacts.find(filter, successFunction, errorCallback, options); //issue arises here

function successFunction( matches ){
    alert("Collecting contact information...");
    for( var i=0; i<matches.length; i++){
        alert(matches[i].displayName);
    }
}

function errorCallback(){
    alert("Unable to find contacts.");
}

}

javascript android cordova android-contacts contacts

Answer 1

Answer №1

Phonegap Documentation

Check out this example -

function onDeviceReady() {
    var options = new ContactFindOptions();
    options.filter = "";          // searching with empty string to get all contacts
    options.multiple = true;      // return multiple results
    filter = ["displayName", "name"];   // retrieve contact displayName
    navigator.contacts.find(filter, onSuccess, onError, options);
}

// onSuccess: Retrieve current contacts

function onSuccess(contacts) {
       for (var i = 0; i < contacts.length; i++) {
            console.log("Display Name = " + contacts[i].displayName);
        }
}

// onError: Failed to retrieve contacts

function onError(contactError) {
     alert('onError!');
}

Use this code snippet to find all contacts based on their display names.

Answer 2

Phonegap Documentation

Check out this example -

function onDeviceReady() {
    var options = new ContactFindOptions();
    options.filter = "";          // searching with empty string to get all contacts
    options.multiple = true;      // return multiple results
    filter = ["displayName", "name"];   // retrieve contact displayName
    navigator.contacts.find(filter, onSuccess, onError, options);
}

// onSuccess: Retrieve current contacts

function onSuccess(contacts) {
       for (var i = 0; i < contacts.length; i++) {
            console.log("Display Name = " + contacts[i].displayName);
        }
}

// onError: Failed to retrieve contacts

function onError(contactError) {
     alert('onError!');
}

Use this code snippet to find all contacts based on their display names.

Answer 3

Answer №2

CSS

<div class="container"></div>

JQUERY

function display_content(){
   var options = new ContentDisplayOptions();
   options.filter="";
   options.filter="";
   options.multiple=true;
   var elements = ["*"];  
   $.content.find(elements, showSuccess, showError, options);
}

// show all content information
function showSuccess(contents) {
   var data = '';
   $.each(contents, function(index, value) {
        if(value.title){
            $.each(value.title, function(key, value) {
               if(key == 'name'){
                   title = value;
               }                      
            });
        }
        if(value.description){
            $.each(value.descriptions, function(i, val) {
                description = val.value;
            });
        }                    
        data += '<li style="text-decoration:none;">'+title+' '+description+'</li>';
   }); 

   $(".container").html(data);   
}

function showError(contentError) {
   alert('An error occurred!');
}

Answer 4

CSS

<div class="container"></div>

JQUERY

function display_content(){
   var options = new ContentDisplayOptions();
   options.filter="";
   options.filter="";
   options.multiple=true;
   var elements = ["*"];  
   $.content.find(elements, showSuccess, showError, options);
}

// show all content information
function showSuccess(contents) {
   var data = '';
   $.each(contents, function(index, value) {
        if(value.title){
            $.each(value.title, function(key, value) {
               if(key == 'name'){
                   title = value;
               }                      
            });
        }
        if(value.description){
            $.each(value.descriptions, function(i, val) {
                description = val.value;
            });
        }                    
        data += '<li style="text-decoration:none;">'+title+' '+description+'</li>';
   }); 

   $(".container").html(data);   
}

function showError(contentError) {
   alert('An error occurred!');
}

Answer 5

Answer №3

Do not forget to include desiredFields in your request:

options.desiredFields = [navigator.contacts.fieldType.id, navigator.contacts.fieldType.formatted, navigator.contacts.fieldType.name, navigator.contacts.fieldType.phoneNumbers];

Answer 6

Do not forget to include desiredFields in your request:

options.desiredFields = [navigator.contacts.fieldType.id, navigator.contacts.fieldType.formatted, navigator.contacts.fieldType.name, navigator.contacts.fieldType.phoneNumbers];

Issues with the navigator.contacts.find function occurring when using cordova or phonegap

Answer №1

Answer №2

Answer №3

Similar questions

Dealing with HTML and Escaping Challenges in jQuery Functions

"Can you provide guidance on binding data in vue.js when there is a dash (-) in the key of the JSON

Handling extensive base64 encoded data within large XML elements with Simple Framework

What is the correct method for service injection in Angular 8?

Managing various iterations of identical repositories

Is there a problem with addEventListener returning false?

You must provide a secret or key in order to use the JwtStrategy

What is the best way to implement a Cascading Async Select feature using @atlaskit/select library?

Tips for controlling HTML elements using JavaScript

Having an issue with ng-model not functioning correctly in md-menu with AngularJS material

Creating an Ajax Post request for API invocation

Having issues when dynamically adding options to a multiselect dropdown

Implementing pagination and filtering in a single MERN controller

Using AngularJS ng-repeat with jQuery find yields a single element result

Encountering error #426 in NextJs when the app is loaded for the first time in a new browser, but only in a

Node.js Mistake - 'Attempting to import outside of a module is not allowed'

Fuel Calculation - Unable to pinpoint the error

Can you explain the significance of argument[0] in JavascriptExecutor?

Using the 'useMediaQuery' function from Material UI in a class component

Are you looking for straightforward dynamic directives that come with dynamic controllers and a scope?