如何显示来自 PartialView 的 AJAX 调用的视图？

Question

我正在使用 PartialView，我正在部分显示 3 条新闻。我正在将新闻 ID 从部分视图发送到我的操作结果。当用户点击时，他们可以阅读被点击的新闻。我的 ajax 调用 return 所有 HTML 数据。我很好，这很正常，但我想获取数据库数据并显示我的操作结果。

NewsPartialView.cshtml

<script>
    $(document).ready(function () {
        $('.fright').click(function () {
            var id = $(this).attr('id');
            $.ajax(
                {
                    type: 'GET',
                    url: '/Content/NewsDetail/' + id,            


                    success: (function (data) {
                        alert("Okey");
                       console.log(data);

                    }),
                    error:function()
                    {

                        alert("Error");
                    }

                });

        });

    });
</script>

    @model IEnumerable<Models.Managers.News>
    .....
    <div class="news fright" id="@item.ID">Read New >></div>

NewsController

 public ActionResult NewsDetail(int id)
        {

            dbContext = new DbContext();

            var news = dbContext.News.First(x => x.ID == id);
            return View(news);

        }

Answer 1

您可以使用 window.location.href。您不需要 AJAX 调用。

Answer 2

 $(document).ready(function () {
        $('.fright').click(function () {
var id = $(this).attr('id');
$.ajax({
         type: "GET",
        url: '/Content/NewsDetail',
        data: id,
        dataType: 'json',
        contentType: false,
        processData: false,
        success: function (data) {
        
        }
        error:function(data)
                    {

                        alert("Error");
                    }

    });
    });

    });