我有一个层叠的下拉列表，例如第一个下拉列表显示国家列表，根据国家的选择，下一个下拉列表将填充。问题是，在开发环境中，它工作得很好，但当部署到服务器中时，第一个下拉列表会正确填充，因为它的元素来自资源文件，在选择第一个下拉列表后，我会得到一个错误。

JS:

<script>
    $(document).ready(function () {

        $("#Site").change(function () {
            var SelectedVal = $(this).val();
            $("#Model").html('');
            $("#Model").append($("<option></option>").attr("value", '')
                .text(' '));
            if (SelectedVal != '') {

                $.get("/Home/GetModelList", { Sid: $("#Site").val() }, function (data) {
                    $("#Model").empty();
                    $("#Model").html('');
                    $("#Model").append($("<option></option>").attr("value", '')
                        .text('  '));
                    if (data.modelAlert != null) {
                        alert(data.projectAlert);
                    }
                    $.each(data.models, function (index, item) {
                        $("#Model").append($('<option></option>').text(item));
                    });
                });
            }
        })
    });
</script>

控制器：

public JsonResult GetModelList()
{
        List<string> models = db.GetModels();
        string modelAlert = alert.GetAlert();
        var result = new { modelAlert, models };
        return Json(result, JsonRequestBehavior.AllowGet);
}

我得到的错误消息是

加载资源失败：服务器响应状态为404（未找到）Home/GetModelList？Sid=Ind:1

我检查了类似的问题，都是关于JS路径或控制器路径，但我已经给出了绝对路径。有人能让我知道我哪里出错了吗，让我知道是否需要任何额外的数据。

谢谢