title: jQuery ajax - pass multiple parameters via GET
body: <p>I have an ajax method to retrieve a partial view based on a filter criteria using GET. However, it seems that I'm not able to pass in more than one parameter unless their all primitive types. No errors are thrown, just are passed in as <code>null</code>.</p>
  
  <pre><code>$.ajax({
      cache: false,
      type: "GET",
      dataType: 'json',
      contentType: 'application/json, charset=utf-8',
      url: '/DataManagement/GetDataPartialView',
      data: { configFilter : filter, Name: "SomeValue"},
      success: function (data) {
         $('#divManagement').html(data);
      },
      error: function (xhr, ajaxOptions, thrownError) {
          alert('Failed...');
      }
  });
  </code></pre>
  
  <p>Controller</p>
  
  <pre><code>[HttpGet]
  public ActionResult GetDataPartialView(ConfigFilter configFilter, string Name)
  {
      ....
      return PartialView("_DataPartialView.tmpl", model);
  }
  </code></pre>
  
  <p>Model</p>
  
  <pre><code>public class ConfigFilter
  {
      public string ConnectionString { get; set; }
      public string UserId { get; set; }
      public string AppKey { get; set; }
  }
  </code></pre>
  
  <p>if I pass either, it works... But I need to pass in both parameters.</p>