ASP.NET MVC में jQuery के साथ आंशिक दृश्य लोड हो रहा है

जबकि आप इसका उपयोग करके सीधे अपने ASP.NET MVC दृश्यों में आंशिक दृश्य प्रस्तुत कर सकते हैं Html.RenderPartial सहायक, केवल jQuery के साथ समान कार्यक्षमता प्राप्त करना संभव नहीं है। हालाँकि, आप आंशिक दृश्यों को प्रभावी ढंग से लोड करने के लिए jQuery और AJAX से युक्त तकनीकों के संयोजन को नियोजित कर सकते हैं।

अनुशंसित दृष्टिकोण में एक नियंत्रक कार्रवाई बनाना शामिल है जो वांछित आंशिक दृश्य प्रस्तुत करता है। फिर आप AJAX कॉल के माध्यम से इस क्रिया को शुरू करने के लिए jQuery का उपयोग कर सकते हैं। एक बार जब सर्वर प्रस्तुत आंशिक दृश्य के साथ प्रतिक्रिया करता है, तो jQuery आपके पृष्ठ के एक विशिष्ट हिस्से को नई सामग्री के साथ गतिशील रूप से अपडेट कर सकता है।

यहां एक नमूना jQuery कोड है जो इस दृष्टिकोण को प्रदर्शित करता है:

$('.js-reload-details').on('click', function(evt) {
    evt.preventDefault();
    evt.stopPropagation();

    var $detailDiv = $('#detailsDiv'),
        url = $(this).data('url');

    $.get(url, function(data) {
        $detailDiv.replaceWith(data);         
    });
});

यह कोड एक बटन क्लिक हैंडलर को परिभाषित करता है जो 'जेएस-रीलोड-विवरण' वर्ग वाले तत्वों पर प्रतिक्रिया करता है। जब क्लिक किया जाता है, तो यह तत्व के 'डेटा-यूआरएल' विशेषता से एक यूआरएल निकालता है और jQuery/AJAX का उपयोग करके उस यूआरएल पर एक GET अनुरोध भेजता है।

इस दृष्टिकोण के सर्वर-साइड घटक में एक नियंत्रक कार्रवाई बनाना शामिल है जो प्रस्तुत करता है आंशिक दृश्य और AJAX अनुरोध के जवाब के रूप में इसकी सामग्री लौटाता है। उदाहरण के लिए:

public ActionResult Details(int id)
{
    var model = ...get user from db using id...

    return PartialView("UserDetails", model);
}

इस दृष्टिकोण के साथ, आप jQuery और AJAX का उपयोग करके अपने वेबपेज के विशिष्ट अनुभागों में आंशिक दृश्यों को गतिशील रूप से लोड और प्रदर्शित कर सकते हैं, जो आपकी सामग्री की प्रस्तुति पर अधिक लचीलापन और नियंत्रण प्रदान करता है।