Заполните Modelpopup другой страницей (View) в Mvc, используя jquery

Question

Я пытаюсь загрузить представление (не частичное представление) во всплывающем окне Model в mvc. У меня есть 2 .cshtml-страницы, которые представляют собой Viewp Modelpopup.cshtml и loadmodal.cshtml.

Код модели всплывающего окна

<script type="text/javascript">

$(document).ready(function () {

    var $modal = $('#load_popup_modal_show_id');
    $('#click_to_load_modal_popup').on('click', function () {

         $modal.load("@Url.Action("Loadmodel", "ToolManager")", function() {
             $modal.modal('show');
         });   

    });

});

Open Popup Modal

код загрузки

<div id="load_popup_modal_contant" class="" role="dialog">

<div class="modal-dialog modal-md">



    <form role="form" class="form-inline" role="form" id="form_load_content_id">

        <!-- Start: Modal content-->

        <div class="modal-content">

            <div class="modal-header">

                <button type="button" class="close" data-dismiss="modal">&times;</button>

                <h4 class="modal-title">Show Popup Title Here</h4>

            </div>

            <div id="validation-error"></div>

            <div class="cl"></div>

            <div class="modal-body">

                <h3> Modal Popup content Here</h3>

            </div>

            <div class="modal-footer">



                <input name="submit_popup" id="submit_popup" type="button" value="SUBMIT" class="btn btn-primary" />

                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </form>

</div>

Я хочу загрузить loadmodal.cshtml во всплывающее окно, как я могу сделать это, используя приведенный выше код или любым другим способом, я не хочу использовать частичное представление

мой код контроллера

 [HttpGet]
    public ActionResult Modelpopup()
    {
        return View();
    }
    [HttpGet]
    public ActionResult loadmodal()
    {
        return View();
    }

Answer 1

Со ссылкой на ваши комментарии я обновил Plnkr. вам нужно будет объявить модальное внутри функции успешной загрузки. Поскольку div "#load_popup_modal_show_id" будет доступен после успешного вызова ajax. (по крайней мере, в первый раз).

$(document).ready(function () {        
    $('#click_to_load_modal_popup').on('click', function () {
         $modal.load("@Url.Action("Loadmodel", "ToolManager")", function() {
         var $modal = $('#load_popup_modal_show_id');                 
         $modal.modal('show');
         });   
     });
 });