Question

我试图从一个视图的部分视图上调用一个模式，但是没有得到ajax成功调用，但是不知道如何做：

这是我所拥有的，页面上的javascript ajax代码：

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

乍一看，您似乎需要TeamDetailPostBackURL变量来包含适当的URL，其中包括方案，主机（和端口（如果需要），例如'http://example.com/BMApproval/GetMeetingApprovalData'

您可以在错误回调中指定error参数，以查看到底是什么错误

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

从父视图调用时，模态弹出窗口未在部分视图中加载

1 个答案: