在指定的 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) 不会 return 有效 URL。

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

也可以像

一样直接使用.load()

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

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

Render modal partial view via ajax in specified div block

javascript

asp.net

ajax

jquery

partial-views