外部脚本不起作用（ASP.NET MVC）

Question

我创建外部脚本（不在View中）

以下是代码：

 $('#searching').click(function () {
    $("#patients").empty();
    var lname = $("#lname").val();

    var model = {
        name: lname
    };
    $.ajax({
        url: '@Url.Action("SearchingPeople", "Home")',
        contentType: 'application/json; charset=utf-8',
        data: JSON.stringify(model),
        type: 'POST',
        dataType: 'json',
        processData: false,
        success: function (data) {
            var list = data;

            //alert(list);
            var listnumber = 1;
            for (var i = 0; i <= list.length - 1; i++) {
                var patientsList = ' <td class="point">' +
                    (i + 1) +
                    '</td>' +
                    '<td class="title"> ' + list[i].dateOfBirth +
                    '</td>' +
                    '<td class="title"> ' +
                    list[i].firstName +
                    '</td>'
                    + '<td>' + '</td>'
                    + '<td>' + '</td>';
                $("#patients").append('<tr>' + patientsList + '</tr>');
            };
        }
    });
});

我在View

中这样称呼它

@section scripts{
<script src='@Url.Content("~/Scripts/MainPageScripts/SearchScript.js")'></script>

}

点击按钮

时出现此错误

  

POST http://localhost:51091/Home/@Url.Action(%22SearchingPeople%22,%20%22Home%22) 404（未找到）

如果我在View中复制此脚本，一切都好。

为什么这样？我该如何解决它？