Autocomplete Search PluginContacts and Person or e.t.c. Search Documentation

Json Example

[
  {
    "gender": "female",
    "name": {
      "title": "madame",
      "first": "lylou",
      "last": "thomas"
    },
    "location": {
      "street": "5933 rue d'abbeville",
      "city": "sottens",
      "state": "genève",
      "postcode": 4045
    },
    "email": "lylou.thomas@example.com",
    "login": {
      "username": "orangemouse111",
      "password": "asdfjkl",
      "salt": "PmkaTArn",
      "md5": "e923e268a9a0ea6ccf402905d7a83f75",
      "sha1": "a91d0f4c27d2748c93117a2fa583c182f0eca7ac",
      "sha256": "8ce7fb816772369621cc16b2f623a8fd0cadbe4c31b142233ea7f27f6979c5e9"
    },
    "dob": "1959-06-15 22:30:39",
    "registered": "2002-12-27 17:50:02",
    "phone": "(772)-966-5431",
    "cell": "(505)-943-4344",
    "id": {
      "name": "AVS",
      "value": "756.RDUG.VIGT.94"
    },
    "picture": {
      "large": "https://randomuser.me/api/portraits/women/17.jpg",
      "medium": "https://randomuser.me/api/portraits/med/women/17.jpg",
      "thumbnail": "https://randomuser.me/api/portraits/thumb/women/17.jpg"
    },
    "nat": "CH"
  }
]

Bloodhound and Searchable Variables Json Parse

You can use 'var tags = ['name', 'user_name', 'email', 'state']' in html with script before main.js script

 var tags = ['name', 'user_name', 'email', 'state'];//parsing variables for search input
    var contactList = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('tags'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    minLength: 1,//minimum character length for search
    prefetch: {
        url: 'json_file_url',
        transform: function (response) {
            return $.map(response, function (tag) {
                return {
                    name: tag.name.first + " " + tag.name.last,//parse name from json file
                    picture: tag.picture.thumbnail,//parse picture form json file
                    l_picture: tag.picture.large,//parse large picture from json file
                    email: tag.email,//parse email from json file
                    phone: tag.phone,//parse phone number from json file
                    user_name: tag.login.username,//parse user name from json file
                    state: tag.location.state + ", " + tag.nat//parse state and country code from json file
                }
            });
        },
        cache: false,
        ttl: 3600000,
    },
});