外部 js 中控制器方法的路径（ASP.NET MVC）

Question

我有 ASP.NET 个 MVC 应用。

在这个应用程序中我有脚本，我想移动到外部文件并遇到问题

这是代码

    function todolisttoday() {
    $("#list").empty();
    $("#counter").empty();
    $.ajax({
        url: '@Url.Action("GetTodayList", "Home")',
        contentType: 'application/json; charset=utf-8',
        data: JSON.stringify(),
        type: 'POST',
        dataType: 'json',
        processData: false,
        success: function (data) {
            var list = data;
            var count = Object.keys(data).length;
            $("#counter").append('<b>' + "You have" + " " + count + " " + "appointments today" + '</b>');
            for (var i = 0; i <= list.length - 1; i++) {
                var timeobject = new Date();
                timeobject.setTime(Date.parse(list[i].time));
                var hours = timeobject.getHours();
                var minutes = timeobject.getMinutes();
                var ampm = hours >= 12 ? 'pm' : 'am';
                hours = hours % 12;
                hours = hours ? hours : 12; // the hour '0' should be '12'
                minutes = minutes < 10 ? '0' + minutes : minutes;
                var strTime = hours + ':' + minutes + ' ' + ampm;
                var divslist = '<div class="listdiv">' +
                    '<b >' + (i + 1) + '</b>' + "." + " "
                    + '<b class="title">' + list[i].title + '</b>' + " "
                    + '<b >' + strTime + '</b>' + '<b class="status" style="display:none;">' + list[i].status + '<b>'
                    + '</div>';
                $("#list").append(divslist);
            };
        }
    });
};

所以，据我所知，这一行 url: '@Url.Action("GetTodayList", "Home")' 行不通。

如果它的功能将通过按钮调用我可以使用这个data-request-url="@Url.Action("GetTodayList", "Home")"

但函数在 $(document).ready

中的页面加载时被调用

如何使 url 路径有效？

Answer 1

js 文件无法编译为 cshtml，因此 @Url.Action("GetTodayList", "Home") 无法在 JS 中使用。

你可以在 JS 中像 /home/GetTodayList 或

那样设置这个 rl 手册

var jsModule = function (urls) {
    .
    .
    $(document).ready(function(){
        $.ajax({
        url: urls.GetTodayList,
        contentType: 'application/json; charset=utf-8',
        data: JSON.stringify(),
        type: 'POST',
        dataType: 'json',
        processData: false,
        success: function (data) {

        });
    })
}

可见

 <script src="..."></script>
 <script>
    var urls={GetTodayList:'@Url.Action("GetTodayList", "Home")'}
    jsModule(urls);
 </script>

外部 js 中控制器方法的路径（ASP.NET MVC）

Path to controller method in external js (ASP.NET MVC)

javascript

c#

asp.net

asp.net-mvc

asp.net-mvc-4