Ajax请求总是返回错误

Question

我的ajax请求总是返回错误。我无法弄清楚我的代码出了什么问题。 这是我的ajax电话，

<script type="text/javascript">
$("#Country").on("change", function (e) {

        var countryId = $(this).val();

        $.ajax({
            url: '@Url.Action("GetStateList","Account")',
            type: "GET",
            dataType: "json",
            contentType: 'application/json; charset=utf-8',
            data: { countryId: countryId },
            success: function (item) {
                var items = "";
                $.each(item, function (index, i) {

                    items += '<option value="' + i.Value + '">' + i.Text + '</option>';
                });

                $(".state-list").html(items);
            },
            error: function (e) {
                alert("No state availabe for this country");
                var items = '<option value="' + 0 + '">' + "---" + '</option>';

                $(".state-list").html(items);
            }
        });
    });

这是我的服务器端代码：

[HttpGet]
        public JsonResult GetStateList(int countryId)
        {
            var stateList = UtilityService.StateByCountryForDropdown(countryId).ToList();
            return Json(stateList, JsonRequestBehavior.AllowGet);
        }

这里也是回应：

我还在调试时在服务器端方法上设置了断点，但断点从未命中。我通常以相同的方式调用服务器端方法，总是工作正常但在这种情况下我不知道什么是错误的。 请帮帮我......

谢谢。