javascript - 在项目单击上渲染 View 模型

Question

情况如下:我有一个 Product 模型，它有很多属性，其中一个是 Photo 对象列表，每个 Photo具有ID 和Name 的对象。有一个轮播 View ，其模型包含照片列表。在 Product View 中我有这样的内容:

@if (Model.Photos.Count > 0)
{
    ....
    <a href="javascript:jsFunction()".......

在 javascript 中，jsFunction 看起来像这样:

function jsFunction()
{
  alert('@Html.Action("GetPhotosCarousel", Model.Photos)');
} 

Controller 函数返回部分 View _PhotosCarousel。

现在，@Html.Action 在渲染主视图时执行的问题，NOT ON CLICK。

如何仅在单击时呈现 View PhotosCarousel 而不是在显示页面时呈现？

Answer 1

我建议从 href 中删除对 jsFunction 的实际调用，然后使用 jQuery 处理它。

<a href="#" id="photoCarouselHref">Click Me</a>

$(document).ready(function(){
    $("#photoCarouselHref").click(function(){
        $.ajax({
            url: '@Url.Action("GetPhotosCarousel"),
            //other ajax settings here
        });
    });
});

jQuery ajax 文档 here .