javascript - 在指定的 div block 中通过 ajax 渲染模态局部 View

Question

是否有任何可能的方法在指定的 div block 中呈现部分模态视图？在我的变体中，模式只是没有出现在 View 中，我不知道如何解决它。这是我的变体:

<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);
        }
    });
}

我检索局部 View 的方法

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

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

和局部 View

<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);
}