Question

有没有办法在指定的div块中渲染部分模态视图？在我的变体中，模态只是没有出现在视图中，我没有任何想法如何解决它。这是我的变体：

<div id="renderModal"></div>

的Javascript

function onClickEvent(data){
    console.log(data);
    var url = "@Url.Action("Load", "Home")" + '/' + data;

    var renderModal = $('#renderModal');
    $.ajax({
        url: renderModal.data(url),
        type: 'GET',
        cache: false,
        success: function (result) {
            $('#renderModal').html(result);
        }
    });
}

检索部分视图的方法

public virtual async Task<ActionResult> Load(int id)
{
      .  .  .  .

    return PartialView("Partial/_Load", model);
}

和部分视图

<div id="loadModal" class="modal fade" role="dialog" style="text-align: center;">
    <div class="modal-dialog modal-lg" style="text-align: center;">
        <div class="modal-content" style="text-align: center">
        <h1>test</h1>
        </div>
    </div>
</div>

Answer 1

您没有传递正确的网址，您没有使用元素存储任何数据，因此renderModal.data(url)不会返回有效的网址。

    $.ajax({
        url: url, //renderModal.data(url),          
    });

您也可以直接使用.load()

function onClickEvent(data){
    $('#renderModal').load("@Url.Action("Load", "Home")" + '/' + data);
}

通过指定div块中的ajax渲染模态局部视图

1 个答案: