نمایش Partial View با استفاده از دستورات جی کویری Ajax

پاسخ هوش مصنوعی

برای نمایش یک Partial View به صورت Modal بعد از دریافت پاسخ از Ajax، شما باید محتوای دریافتی را در یک عنصر Modal قرار دهید و سپس آن Modal را نمایش دهید. کد شما باید به شکل زیر تغییر کند:

$.ajax({
    url: '@Url.Action("ReferLetter", "LetterList")',
    data: {
        'LetterID': LetterId,
        'mainUserId': MainUserId,
        'signeruserId': SigneruserId
    },
    success: function (result) {
        // فرض بر این است که شما یک Modal با ID "myModal" دارید
        $('#myModal .modal-content').html(result); // محتوای دریافتی را در محتوای Modal قرار دهید
        $('#myModal').modal('show'); // نمایش Modal
    }
});

همچنین برای ایجاد عنصر Modal، شما می توانید از Bootstrap استفاده کنید و کد HTML زیر را برای Modal خود به صفحه اضافه کنید:

 

  

    

      

        
عنوان Modal
        
          ×
        
      
      

        
      
      

        بستن
      
    
  

با این تغییرات، زمانی که Ajax درخواست شما با موفقیت جواب بگیرید، محتوا در Modal قرار داده می شود و Modal نمایش داده می شود.

شما نمیتونید توسط Ajax یک فرم مودال رو نمایش بدید. چون وقتی از دستورات Ajax استفاده می کنید باید خروجی به صورت جیسون باشه. مثال زیر رو ببینید :

return json(new { status = "ok"});

ولی وقتی شما میخواید یک فرم Modal رو نمایش بدید خروجی به صورت زیر هست :

return PartialView("_modalNama");

بنابراین درخواست شما منطقی نیست.

البته راه حل هایی هست که شما میتونید از مثال لینک زیر استفاده کنید.

ASP.NET Core ajax modals with validation using Bootstrap