javascript - 在mvc中使用jquery更新@RenderBody

Question

来自使用 ajax 的 webform 背景，我正在尝试使用 mvc 创建类似的内容。

我已经弄清楚了 Controller 、 View 和模型的作用。

我现在想做的是，当我的用户单击按钮时，会调用 jquery 来更新 View - 因此不会刷新整个页面。

很像网络表单中的主/子设计。

我已经用谷歌搜索了，并且尝试了一些方法，但得到了 404。我已经检查过，并且确信我的调用是正确的。

这是我的 jquery 函数:

$("#divProductsBanner").click(function () {
    var currentObject = $(this).text();
    $.get('@Url.Action("Lite", "Service")', { theName: currentObject });       
});

其中“Lite”是我的 View ，“Service”是我的 Controller 。

我的 Service.cs Controller 如下所示:

public ActionResult Lite()
{
    return View();
}

我的“Views”文件夹下的“Service”文件夹下有一个名为“Lite”的 View 。

当我单击该按钮时，我收到此错误:

Answer 1

不能在 JS 文件中使用 C# 代码。您可以在隐藏字段中呈现 URL 并使用它

类似的东西

@Html.Hidden("MyURL", @Url.Action("Lite", "Service"))

在js中

$("#divProductsBanner").click(function () {
    var currentObject = $(this).text();
    $.get($("#MyURL").val(), { theName: currentObject });       
});

引用链接并相应地更改您的代码。

Asp.Net Mvc Url.Action in external js file?

Use Seprate js File And use Url Helpers in it with ASP.NEt MVC 3 and Razor View Engine