ajax - 来自 ajax post 的数据将 null 传递给 Controller

Question

AJAX call - 

这里的countryId被传递为“AU”，例如 -

$("#Countries").change(function () {
        var countryId = this.value;
        $.ajax({
            url: '/Registers/GetStates',
            type: "POST",
            data: { 'data': countryId },
            success: function (states) {
                $("#States").html(""); // clear before appending new list 
                $.each(states, function (i, state) {
                    $("#States").append(
                        $('<option></option>').val(state.Id).html(state.Name));
                });
            }
        });
    });

调用 GetStates 方法后，“countryId”始终在 Controller 方法中作为 null 传递。不知道我在这里缺少什么。我也尝试过 JSON.Stringify({ 'data':countryId }) 。谁能帮帮我吗？

Controller Action - 

[HttpPost]
public SelectList GetStates(string countryId)
{
     return Helper.GetStates(countryId);
}

Answer 1

action方法中的参数应该与ajax的'data'选项中的参数名称完全相同。

在您的情况下，它是“countryId”

[HttpPost]
public SelectList GetStates(string countryId)
{
     return Helper.GetStates(countryId);
}

相应地更改您的 ajax 数据选项。

data: { countryId: countryId },

它会起作用。