How do I pass ajax calls to Controller Action method?
<p>It would be great if anyone can explain Ajax calls using Jquery and to pass that to controller method.
<strong>Explain with a 
Syntax
Example</strong></p>



<pre class="lang-html prettyprint-override"><code>// Using the core $.ajax() method
$.ajax({

    // The URL for the request
    url: "post.php",

    // The data to send (will be converted to a query string)
    data: {
        id: 123
    },

    // Whether this is a POST or GET request
    type: "GET",

    // The type of data we expect back
    dataType : "json",
})
  // Code to run if the request succeeds (is done);
  // The response is passed to the function
  .done(function( json ) {
     $( "&lt;h1&gt;" ).text( json.title ).appendTo( "body" );
     $( "&lt;div class=\"content\"&gt;").html( json.html ).appendTo( "body" );
  })
  // Code to run if the request fails; the raw request and
  // status codes are passed to the function
  .fail(function( xhr, status, errorThrown ) {
    alert( "Sorry, there was a problem!" );
    console.log( "Error: " + errorThrown );
    console.log( "Status: " + status );
    console.dir( xhr );
  })
  // Code to run regardless of success or failure;
  .always(function( xhr, status ) {
    alert( "The request is complete!" );
  });
</code></pre>

<p>It would be great if anyone can explain Ajax calls using Jquery and to pass that to controller method.
<strong>Explain with a 
Syntax
Example</strong></p>