asp.net-mvc
JVC Ajax Asp MVC के साथ कॉल करें

JQuery के अजाक्स कॉल के साथ जावास्क्रिप्ट ऑब्जेक्ट पोस्ट करना

अजाक्स उपयोगकर्ता को बेहतर इंटरैक्टिव यूजर इंटरफेस अनुभव का एहसास दिलाने के लिए डेटा को कॉल, अनुरोध और पुनर्प्राप्त करता है। यह लेख आपको दिखाएगा कि jQuery का उपयोग कैसे करें और Ajax कॉल के माध्यम से डेटा भेजें। इस उदाहरण के लिए, हम अपने सर्वर पर निम्नलिखित जावास्क्रिप्ट ऑब्जेक्ट को पोस्ट करने जा रहे हैं।

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

सर्वर साइड

जावास्क्रिप्ट ऑब्जेक्ट के अनुरूप सर्वर साइड मॉडल।

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

हम सभी को एक मानक ASP.NET MVC कंट्रोलर विधि बनाने की आवश्यकता है, जो व्यक्ति प्रकार का एकल पैरामीटर लेता है, जैसे।

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

ग्राहक पक्ष

जावास्क्रिप्ट ऑब्जेक्ट भेजने के लिए हमें ऑब्जेक्ट को डेटा विकल्प में भेजने के लिए JSON.stringify () विधि का उपयोग करना होगा।

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