asp.net-mvc
jQuery Ajax Call mit Asp MVC

JavaScript-Objekte mit jQuery Ajax Call veröffentlichen

Ajax ruft Daten an, fordert Daten an und ruft sie ab, um dem Benutzer ein besseres Erlebnis der interaktiven Benutzeroberfläche zu vermitteln. In diesem Artikel erfahren Sie, wie Sie jQuery verwenden und Daten über Ajax-Aufrufe senden. In diesem Beispiel werden wir das folgende JavaScript-Objekt an unseren Server POST.

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

Die Serverseite

Das serverseitige Modell entspricht dem Javascript-Objekt.

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

Alles, was wir tun müssen, ist die Erstellung einer Standard-ASP.NET-MVC-Controller-Methode, die einen einzelnen Parameter des Personentyps annimmt.

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

Die Client-Seite

Um JavaScript-Objekte zu senden, müssen Sie die Methode JSON.stringify () verwenden, um das Objekt an die Datenoption zu senden.

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