Wie übergebe ich Ajax-Aufrufe an die Controller Action-Methode?

Question

Es wäre großartig, wenn jemand Ajax-Aufrufe mit Jquery erklären und an die Controller-Methode übergeben könnte. Erklären Sie mit einem Syntax Beispiel

// 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) { 
    $("<h1>").text(json.title).appendTo("body"); 
    $("<div class=\"content\">").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!"); 
    }); 

Es wäre toll, wenn jemand kann erklären Ajax JQuery-Anrufe verwenden und dass Verfahren zur Steuerung zu übergeben. Erklären Sie mit einem Syntax Beispiel

Answer 1

Zunächst einmal sollten Sie sich zuerst versuchen. Dann, wenn Sie irgendein Problem haben. Sende deinen Code. BTW hier ein Beispiel:

$.ajax({ 
        url: "/Home/Method", `// Here you specify the action method.Here Home is a controller and method is action method name.` 
        type: "Get",`When you want to get something from server, then Use GET type, If you want to save or post some data to server, then use POST type` 
        contentType: "application/json; charset=utf-8", 


     contentType is the type of data you're sending, so application/json; charset=utf-8 is a common one, as is application/x-www-form-urlencoded; charset=UTF-8, which is the default.dataType is what you're expecting back from the server: json, html, text, etc. jQuery will use this to figure out how to populate the success function's parameter. 
        data: {id:id} // `If you want to send some parameter as mentioned in action method parameter. The name of parameter should be same.` 
        cache: false, `cache:true only works with GET and HEAD request. If you want to cache in the browser,then you set it true.` 
        async: true, `async true means you are doing things parallel.You set async to false, when you need that ajax request to be completed before the browser passes to other codes:` 
        success: function (data) { 


It is because Ajax is asynchronous, the success or the error function will be called later, when the server answer the client. So, just move parts depending on the result into your success function 
        }, 
        error: function() { 
         If request failed, it comes here. 
        } 
       }); 

Hier ist Ihre Aktion Methode

[HttpGet] 
     public ActionResult Method(int Id) 
     { 

      //Do your stuff here 
      return Json(""); // return some thing 
     } 

Anmerkung: Ich schrieb für GET. Je nach Szenario kann es POST sein.

Answer 2

Beispiel

function SendData() { 
    var Parameters = 
    { 
     ID: "123", 

    }; 
    $.ajax({ 
     url: "@Url.Action("Index", "Home")", 
     type: "POST", 
     contentType: "application/json; charset=utf-8", 
     data: Parameters , 
     dataType: "json", 
     success: function (data) { 

     }, 
     error: function (e) { 

     } 
    }); 
};