asp.net-mvc
jQuery Ajax Call With Asp MVC

Postering av JavaScript-objekt med jQuery Ajax Call

Ajax ringer, begär och hämtar data för att ge användaren en känsla av en bättre interaktiv användargränssnittupplevelse. Den här artikeln visar hur du använder jQuery och skickar data via Ajax-samtal. I det här exemplet kommer vi att posta följande JavaScript-objekt till vår server.

var post = {
    title: " Posting JavaScript objects with jQuery Ajax Call",
    content: " Posting JavaScript objects with jQuery Ajax Call",
    tags: ["asp mvc", "jquery"]
};

Servernsidan

Modellen på serversidan som motsvarar javascript-objektet.

public class Post
{
    public string Title { get; set; }
    public string Content { get; set; }
    public string[] Tags { get; set; }
}

Allt vi behöver göra är att skapa en standard ASP.NET MVC-kontrollmetod som tar en enda parameter av persontypen.

public class PostController : BaseController
{
    public bool Create(Post model)
    {
        //Do somthing
    }
}

Klientsidan

För att skicka JavaScript-objekt måste vi använda metoden JSON.stringify () för att skicka objektet till dataalternativet.

$.ajax({
    url: '@Url.Action("create", "Post")',
    type: "POST",
    contentType: "application/json",
    data: JSON.stringify({ model: post })
}).done(function(result){
    //do something
});