Pass Daten von AJAX zu Controller in MVC

Question

Ich versuche, Daten an den Controller für die weitere Verarbeitung übergeben, aber ich bekomme Null in Controller, aber Debug von js (Ajax) zeigt die Nummer trotzdem. Was könnte das Problem sein?

Ajax:

$('.toggler_btn').on('click', function (event) 
      { 
       var id = $(this).attr('data-id'); 
        if ($(this).text() === '+') { 
         $.ajax({ 
          url: "/List/GetSubItems", 
          type: "POST", 
          contentType: "html", 
          dataType: "text", 
          data: '{"id":"' + id + '"}', // here it show the data, like 5 or some other number 
          success: function (data) 
          { 
           $('.element_wrapper [data-id="' + id + '"]').html(data); 
          } 
          }) 
         $(this).html('-'); 
        } 
        else $(this).html('+'); 
      }); 

Controller:

[HttpPost] 
    public ActionResult GetSubItems(string id) // here I get null 
    { 
     int pID = 0; 
     int.TryParse(id, out pID); 
     List<H_Table> list = new List<H_Table>(); 

     foreach (var item in db_connection.H_Table.Where(i => i.PARENT_ID == pID)) 
     { 
      list.Add(item); 
     } 
     return PartialView(list); 
    } 

Answer 1

$('.toggler_btn').on('click', function (event) { 
    var id = $(this).attr('data-id'); 
    if ($(this).text() === '+') { 
     $.ajax({ 
      url: '/List/GetSubItems', 
      type: 'POST', 
      dataType: 'json', 
      data: '{"id":"' + id + '"}', 
      contentType: 'application/json; charset=utf-8', 
      success: function (data) { 
       $('.element_wrapper [data-id="' + id + '"]').html(data); 
      }, 
      error: function (XMLHttpRequest, textStatus, errorThrown) { 
       alert("responseText=" + XMLHttpRequest.responseText + "\n textStatus=" + textStatus + "\n errorThrown=" + errorThrown); 
      } 
     }); 
     $(this).html('-'); 
    } 
    else $(this).html('+'); 
}); 

verwenden ein kopieren Sie einfach und fügen Sie ihn

Answer 2

Ihre Inhalte ändern Typ "Text" und die Daten ebenfalls ändern.

Answer 3

Ihre AJAX-Anfrage hat contentType: "html" gesetzt, aber Sie senden tatsächlich JSON (mit data: '{"id":"' + id + '"}'). Und Ihr Controller erhält eine string.

Also entweder Ihren Anruf AJAX ändern, um eine rohe Zeichenfolge senden:

contentType: "text", 
data: { id: id } 

... oder Ihr Controller JSON erhalten aktualisieren. Diese letztere kann so etwas wie dies erreicht werden, indem:

public ActionResult GetSubItems(ViewModel model) 

public class ViewModel { 
    public string Id { get; set; } 
} 

EDIT: auch, als Referenz, könnte man die difference between contentType and dataType sehen wollen.

Answer 4

Datentyp ändern zu "application/json" und Daten dazu:

data :{ 
      id : id 
    }