Модальное всплывающее окно не загружается при частичном просмотре при вызове из родительского представления

Question

Я пытаюсь вызвать модальное частично представление из вида, но не получаю вызов ajax success, но не знаю, как это сделать:

Вот что у меня есть, javascript ajax-код на моемpage:

var TeamDetailPostBackURL = '/BMApproval/GetMeetingApprovalData';
$(function () {
    $(document).on('click','.LeadCode', function () {
    //$(".LeadCode").click(function () {
        debugger;

        var $buttonClicked = $(this);
        var id = $buttonClicked.attr('data-id');
        var options = { "backdrop": "static", keyboard: true };
        alert("load");

        $.ajax({
            type: "GET",

            url: TeamDetailPostBackURL,
            contentType: "application/json; charset=utf-8",
            data: { "dataValue": id },
            datatype: "json",
            success: function (data) {
                debugger;
                $('#myModalContent').html(data);
                $('#myModal').modal(options);

                $('#myModal').modal('show');

            },
            error: function () {
                alert("Dynamic content load failed.");
            }
        });
    });

И параметры, которые я передаю в вызове ajax

<td><a href="javascript:void(0);" class="LeadCode" data-id="@LPOPoint.LeadCode|@LPOPoint.ApprovalType">@LPOPoint.LeadCode</a></td>

Также вызываю модальное всплывающее окно на той же странице javascript, которое будет всплывать при частичном просмотре.

<div id='myModal' class='modal' style="overflow-y:hidden;">
<div class="modal-dialog" style="overflow-y: scroll; max-height:85%;  margin-top: 20px; margin-bottom:20px;">
    <div class="modal-content">
        <div id='myModalContent'></div>
    </div>
</div></div>

Я много искал на разных форумах, но не смог найти никакого решения.Когда я нажимаю на ссылку html, всплывающее окно не загружается при частичном просмотре.И («Ошибка загрузки динамического содержимого.»);отображается как не удается достичь успеха.В основном я хочу просмотреть данные в модальном всплывающем окне в частичном представлении на основе параметров из родительского представления.Любая помощь будет оценена.

Answer 1

1. На первый взгляд кажется, что вам нужна переменная TeamDetailPostBackURL для правильного URL, включая схему, хост (и порт при необходимости), например 'http://example.com/BMApproval/GetMeetingApprovalData'

2. Вы можете указать error параметр в обратном вызове ошибки, чтобы увидеть, что именно не так

       error: function (error) {
           console.error(error)
           alert("Dynamic content load failed.");
       }