model-view-controller - 如何使用 jquery 在选择器上加载部分视图？

Question

 var uri="@Url.Content("/Views/Shared/_LogOnPartial")";

        $("#logindisplay").load(uri);

它给了我错误

Files with leading underscores ("_") cannot be served.

为什么网址不起作用。

Answer 1

您可以使用以下代码在 ~/Views/Shared/ 文件夹中加载部分视图。

<script type="text/javascript">
        $(document).ready(function () {
            $("#btnclick").click(function () {
                var uri = '@Url.Content("_LogOnPartial")';
                $("#logindisplay").load(uri);
            });
        });
</script>

HTML是，

<input type="button" id="btnclick" value="Load View" />

<div id="logindisplay">
</div>

Answer 2

你应该使用 "@Html.Partial("/Views/Shared/_LogOnPartial)

加载部分而不是 @Url.Content("/Views/Shared/_LogOnPartial")

最佳实践是在 App_Start/RouteConfig 写入方法中定义局部、布局和视图的路径，如下所示 public static void RegisterViewEngines(ICollection engine) { /* * {0} = view name * {1} = controller name */engines。清除（）;

        engines.Add(new RazorViewEngine
        {
            ViewLocationFormats = new[] { "~/Views/{0}.cshtml" },
            MasterLocationFormats = new[] { "~/Views/Shared/{0}.cshtml" },
            PartialViewLocationFormats = new[] { "~/Views/Partial/{0}.cshtml" }
        });
    }

然后在 Globa.asax 中执行它，如 RouteConfig.RegisterViewEngines(ViewEngines.Engines);

然后你可以像这样轻松地调用部分

@Html.Partial("_LogOnPartial");