title: send multiple objects via ajax (using angular)
body: <p>I have a list of user inputs in an object 'data'. (for e.g data.username, data.password, data.age)</p>
  
  <p>i am passing the data object to backend like this using angular. </p>
  
  <pre><code>var submits = "=" + JSON.stringify(data);
  
  $.ajax({
              type: "POST",
              url: serviceURL,
              data: submits
  });
  </code></pre>
  
  <p>I am passing two more objects. selections and grid. how can i pass all these three together in one ajax call ? or do i have to transfer it independently. will it affect the performance if i transfer these details separately. </p>
  
  <p>can i do something like this to send the object together in one ajax call?</p>
  
  <pre><code>var data = {};
  data[0] = data1;
  data[1] = data2;
  </code></pre>
  
  <p>How can i retrieve it separately at the server side using c# if at all they are passed together.</p>
  
  <p>Heres the 3 objects that i need to pass</p>
  
  <pre><code>data --&gt;&gt;         ["Raul","New York","31"]
  selections--&gt;&gt;    ["dy.txt","my.txt","yy.txt"]
  grid--&gt;           ["sesion","id"]
  </code></pre>