Copying data from JSON array to an JS Object for jQuery Autocomplete

Question

I'm trying to use the Autocomplete plugin in jQuery to allow a user to search for a person's name quickly using a text field and return their Facebook user id. The JSON that Facebook provides is along these lines:

{
   "data":[
      {
         "name":"Emma Alexander",
         "id":"8110855"
      },
      {
         "name":"Dave Suckow",
         "id":"19546358"
      },
      {
         "name":"Jessica Willits",
         "id":"45734687"
      }
   ]
}

However, I'd like to do the searching locally, rather than retrieving Facebook JSON every time, so I think I need to copy all of the names and IDs into a local JavaScript Object (I think that's the best way to do it?) and then use jQuery to search through those names instead. When the user selects a name from the text field, it will call another function and pass it the selected person's Facebook ID.

However, I'm not sure if this is the best way, or how I would really go about implementing it.

If anybody could offer a couple of small code examples, especially for copying the data from Facebook's JSON to a local Javascript object and then searching through that object, it would be massively appreciated! :)

Thanks a lot

Sangeet Menon · Accepted Answer · 2011-04-08 12:47:05Z

2

Hmm..You could do something like this...

var jsonval=
({
   "data":[
      {
         "name":"Emma Alexander",
         "id":"8110855"
      },
      {
         "name":"Dave Suckow",
         "id":"19546358"
      },
      {
         "name":"Jessica Willits",
         "id":"45734687"
      }
   ]
})


var name=new Array();
var id=new Array();
for(var i=0;i<jsonval.data.length;i++){
name.push(jsonval.data[i].name);
id.push(jsonval.data[i].id);

}

The arrays name and id will contain all the names and ids fetched from the JSON and searh all the values in the new arrays created...Thats one way... the other is you could save the JSON returned in the variable jsonval and then every time search using the for loop that was used to push the values into an array...

answered Apr 8, 2011 at 12:47

Sangeet Menon

9,9338 gold badges44 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mcgrailm · Accepted Answer · 2011-04-08 13:16:53Z

0

I think your better off to just call the fb json every time because something could change between searching. that said if you made your ajsx call on load you could just set a var at the begining like this

  searchdata = "";

then once your ajax call is made and you get your json data just set the variable to the dataresult bobs your uncle

searchdat = jsonresult;

make sense ?

answered Apr 8, 2011 at 13:16

mcgrailm

17.7k22 gold badges86 silver badges131 bronze badges

Comments

sharat87 · Accepted Answer · 2011-04-08 13:17:38Z

0

Not tested, but the following function takes a search string and the data object and searches in the name field, and returns the user's id, or null if no match found.

function searchUser(search, data) {
    var matchedUser = null;
    $.each(data, function () {
        if (this.name.indexOf(search) !== -1) {
            matchedUser = this;
        }
    });
    return matchedUser && matchedUser.id;
}

answered Apr 8, 2011 at 13:17

sharat87

7,56612 gold badges57 silver badges81 bronze badges

Collectives™ on Stack Overflow

Copying data from JSON array to an JS Object for jQuery Autocomplete

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related