Json passed is null in MVC controller method

Question

I am doing below to pass Json data to My MVC controller action

Script

 var jInput = $("textarea");
 var count = 0;
 var jsonPackage = "{";

    $.each(jInput, function (i) {
        jInput[i].style.borderColor = "";
        if (jInput[i].value != "") {
            if (count != 0) {
                jsonPackage += ",";
            }
            count++;
            jsonPackage += "'" + jInput[i].id + "':'" + jInput[i].value.replace(/\\/g, "|").replace(/\'/g, "^") + "'";
        }
    });
    jsonPackage += "}";


    $.ajax({
        url: "Appraisal/LegalCheck",
        type: "POST",
        data: JSON.stringify(jsonPackage),
        dataType: "json",
        contentType: "application/json",
        success: function (retValue) {
            alert(retValue);
        }
    });

Controller method

      public Dictionary<string, Illegal[]> LegalCheck(string jsonPackage)
  {

  }

Class

 [Serializable]
   public class Illegal
   {
          public string Phrase { get; set; }
          public int StartIndex { get; set; }
   }

For some reason jsonPackage is always null in the controller method. Sample data that s being passed from the script is,

jsonPackage - {'CommentTextarea_1181_1183':'ghhgghhhgd','CommentTextarea_1181_1184':'Coments','CommentTextarea_1181_1185':'comentss'}

What am I doing wrong here? Why am I getting null in my controller method? Please suggest.

Thanks

Rafay · Accepted Answer · 2012-02-24 04:31:30Z

1

try

$.ajax({
        url: "Appraisal/LegalCheck",
        type: "POST",
        data: {jsonPackage:JSON.stringify(jsonPackage)},
        dataType: "json",            
        success: function (retValue) {
            alert(retValue);
        }
    });

edited Feb 24, 2012 at 4:31

answered Feb 23, 2012 at 11:58

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

San Over a year ago

Above change with contentType parameter commented works. but the data comes along with additional backslash and double quote

Simon West · Accepted Answer · 2012-02-23 15:16:03Z

0

I would guess your JSON string isnt actually being assigned to the jsonPackage variable and so isnt being picked up by your model binder.

for a quick fix try

$.ajax({ 
    url: "Appraisal/LegalCheck", 
    type: "POST", 
    data: "jsonPackage="+JSON.stringify(jsonPackage), 
    dataType: "json", 
    contentType: "application/json", 
    success: function (retValue) { 
        alert(retValue); 
    } 
});

answered Feb 23, 2012 at 15:16

Simon West

3,7881 gold badge28 silver badges28 bronze badges

Collectives™ on Stack Overflow

Json passed is null in MVC controller method

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related