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

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

你没有传递正确的 URL，你没有用元素存储任何任意数据，所以renderModal.data(url) 不会返回一个有效的 URL。

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

你也可以直接用.load()点赞

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