title: Send data to controller using Ajax - MVC 3 razor
body: <p>I have a set of PartialView that are dynamicaly changed in a page. A PartialView loads the next and so on using ajax. One of them have a form of like 20 inputs, currently I'm just sending one input but how can I send the rest of them? I have this in this partialview:</p>
  
  <pre><code>var shipping= $("input[name='shipping']:checked").val()
      $.ajax(
        {
            url: '/Home/Payment',
            type: "POST",
            data: { 'shipping': shipping},
            success: function (data) {
                $("#cart").html(data);
  
            }
        });
  </code></pre>
  
  <p>And this in the controller:</p>
  
  <pre><code>public ActionResult Payment(string shipping)
      {
          **do stuff*
          return PartialView("NextPartialView");
      }
  </code></pre>
  
  <p>The controller recieves every input of the form but as I said before there are 20 of them. Is there a way to keep the code clean and readable using another technique to send the data?</p>
  
  <p>I'm new in MVC and razor</p>
  
  <p>Thanks</p>