Daten von Ajax-Post sind vorbei null an die Steuerung

Question

AJAX call - 

Hier countryid als „AU“ zum Beispiel übergeben wird -

$("#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)); 
       }); 
      } 
     }); 
    }); 

Nach der GetStates Aufruf der Methode ‚countryid‘ wird immer als Null in der Steuerung übergeben Methode. Ich bin mir nicht sicher, was ich hier vermisse. Ich versuchte JSON.Stringify ({'data': countryId}) auch. Kann mir jemand helfen?

Controller Action - 

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

Answer 1

Die Parameter in der Aktionsmethode sollten Option von Ajax in der ‚Daten‘ als Parameternamen genau gleich sein.

In Ihrem Fall ist es countryid '

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

Ändern Sie Ihre Daten ajax Option entsprechend.

data: { countryId: countryId }, 

Es wird funktionieren.