Question

I need to pass data from HTML to Service using JSON (in JS/JQUERY)

In the service I have a service call that reciving an object that contains another object and 2 more fields.

Role object:

import java.io.Serializable;

public class Role implements Serializable {           
    private long id;
    private String name;    
}

User object:

import java.io.Serializable;

public class User implements Serializable {           
    private String userName;
    private String password;    
    private ArrayList<Role> roles;
}

Till now I managed to pass data to JSON like that to other service: (data that contains only 2 parameters: id and userName )

xmlHttp.open("POST", "http://www.foo.com/serviceFunction2", true);
xmlHttp.send('{"Id": "123", "userName": "test"}');

So, my question is how can I fill the User object that contains the Role object using JS/JQUERY? like I managed to send it with this line:

xmlHttp.send('{"Id": "123", "userName": "test"}');

Thanks

Answer 1

There are several ways to “nest” objects in JS, but for your purpose probably the simplest is to nest your object and/or array literals. If “roles” is supposed to be an array, then something like this:

'{"userName":"test", "password":"secret", "roles":["role1","role2","role3"]}'

If each role in the array is itself an object with properties:

{
   "userName":"test",
   "password":"secret",
   "roles": [
       { "roleName":"role1", "prop2":"someValue", "prop3":"whatever" },
       { "roleName":"role2", "prop2":"someValue", "prop3":"whatever" },
       { "roleName":"role3", "prop2":"someValue", "prop3":"whatever" }
   ]
}

(Line breaks added for readability, but you’d remove them if creating a string.)