Ajax call hits with null values

Question

I have a array and I get data from the array and going to pass it to the controller through ajax call. But the problem is it hits the controller side with all the null values.(Data not passes,null passes )

Client Side Code

for (var j = 0; j < NewsGlobalArray.length; j++) {  
    var NewsRequestModel = {
        DESCRIPTION: NewsGlobalArray[j]['DESCRIPTION'] // news description comes here.i checked it with console.log
     }}

    $.ajax({
        url: $('#addNewsRequest').val(),
        type: "POST",
        data: { newsRequest: NewsRequestModel },
        dataType: "json",
        success: function (referenceNo) {
            //success
        }
    });
}

My Controller

[HttpPost]
public JsonResult AddNewsRequest(NewsRequestModel newsRequest) // hits here with null values
{
    //Some coding goes here.
}

My Model

public class NewsRequestModel 
{
    public int NEWSREQUESTID { get; set; }
    public string DESCRIPTION { get; set; }
}

Please open your browser's console and paste the JSON you're sending to the server. — iuliu.net, May 13 '16 at 07:13
Aand you should also add `contentType:"application/json; charset=utf-8",` to your ajax call. — iuliu.net, May 13 '16 at 07:15
Have a look at this http://stackoverflow.com/questions/27917255/c-sharp-web-method-is-not-calling-in-javascript/27917333#27917333 — Mairaj Ahmad, May 13 '16 at 07:16
Maybe this helps? -> `data: JSON.stringify({ newsRequest: NewsRequestModel }),` instead of `data: { newsRequest: NewsRequestModel },` — SᴇM, May 13 '16 at 07:17
You loop is just creating a new `NewsRequestModel` each iteration so you only ever get the last one. What are you actually trying to do with this? And its just `data: NewsRequestModel` if you just want to post back the last value — , May 13 '16 at 07:34

Mohammad Imran · Answer 1 · 2016-05-13T07:28:51.410

0

Try this: just add traditional:true in ajax call

 $.ajax({
        type: "POST",
        url: $('#addNewsRequest').val(),
        data: JSON.Stringify({ newsRequest: NewsRequestModel }),
        dataType: "json",
        traditional:true,
        success: function (res) {
           //do something
        }
    });

edited May 13 '16 at 07:28

answered May 13 '16 at 07:18

Mohammad Imran

125
1
6

@TechGuy Please refer following question http://stackoverflow.com/questions/6327019/how-do-i-pass-this-js-array-to-my-mvc-3-controller/37072244#37072244 – Mohammad Imran May 13 '16 at 07:26
`traditional` is for sending arrays, but OP is only sending one object. – May 13 '16 at 08:16

score 0 · Answer 2 · edited May 13 '16 at 07:43

0

I think you need to this:

var myObject = new Object();
myObject.name = "John";
myObject.age = 12;

then pass myObject to ajax call and get on controller by name.

edited May 13 '16 at 07:43

SᴇM

7,024
3
24
41

answered May 13 '16 at 07:20

Akram Khan

114
8

check by console.log(NewsRequestModel) on browser. – Akram Khan May 13 '16 at 09:12

Ajax call hits with null values

2 Answers2