ASP.NET Core MVC局部视图

Question

为什么部分视图在脚本之后出现？

任何帮助将不胜感激。我认为脚本有问题。但是不是。

控制器

public ActionResult EditContract(int id)
{
    var contracts = _context.Contract.Find(id);
    ViewData["CustomersId"] = new SelectList(_context.Customers, "Id", "Name",   ontracts.CustomersId);
    return PartialView(contracts);
}

Index.chtml

<div class="modal fade" id="EditCustomer">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <a href="#" class="close" data-dismiss="modal">&times;</a>
                <h4><i class="fa fa-user"></i>&nbsp; Edit Customer</h4>
            </div>
            <div class="modal-body" id="myEditCustomer">

            </div>
        </div>
    </div>
</div>

<script>
    function EditCustomer(id) {
        var url = "/Customers/EditCustomer?id=" + id;
        $("#myEditCustomer").load(url, function () {
            $("#EditCustomer").modal("show");
        })
    }
</script>

Answer 1

[在您的代码中，我们可以发现您使用JavaScript客户端上的URL为/Customers/EditCustomer进行请求，但是您的操作名称为EditContract，请确保您使用正确的URL进行请求，或者您可以为操作配置路由，如下所示。

[Route("Customers/EditCustomer")]
public ActionResult EditContract(int id)
{

为什么部分视图在脚本之后出现？

您正在使用jQuery .load方法从服务器动态获取部分视图结果，并将其填充到div容器"modal-body"中，而不是直接在视图页面中填充到using Tag Helper/HTML Helper to reference your partial view中，因此调用JavaScript函数后将显示/渲染部分视图。