javascript - HTTP POST request to C# Controller - Stack Overflow

admin管理员组

文章数量:1344948

I'm trying to make HTTP POST request to my C# controller, but I need to send in data an array, so I tried with JSON.stringify but when I start debugging, the input parameter in my controller is NULL? I'm receiving a list from external API for weather forecast, so I need to create for each item in list new variable, that has some fields like : max and min temperature, description, humidity, pressure etc, and then of course fill these fields with data and add that variable to my array. Then I need to pass this array to my controller so I could store it in my database... What type should I put in my controller so it would not be NULL? I'm totally new here so please help, any help is really more then wele!

Below is code I have just to try :

 var myData = { id:100, description:"some text"};
 var myDataArray= new Array();   
 myDataArray.push(myData);   
 $.ajax({
    dataType: "json",
    type: "POST",
    url: "/Weather1/Weather_post",
    contentType: "application/json; charset=utf-8",
    data: JSON.stringify(myDataArray),
    success: function (data) {
        console.log(("OK"));
    },
    error: function (error)
    { console.log("NOT OK"); }
})

Controller:

[HttpPost]
public JsonResult Weather_post(String MyModuleList)

I'm trying to make HTTP POST request to my C# controller, but I need to send in data an array, so I tried with JSON.stringify but when I start debugging, the input parameter in my controller is NULL? I'm receiving a list from external API for weather forecast, so I need to create for each item in list new variable, that has some fields like : max and min temperature, description, humidity, pressure etc, and then of course fill these fields with data and add that variable to my array. Then I need to pass this array to my controller so I could store it in my database... What type should I put in my controller so it would not be NULL? I'm totally new here so please help, any help is really more then wele!

Below is code I have just to try :

 var myData = { id:100, description:"some text"};
 var myDataArray= new Array();   
 myDataArray.push(myData);   
 $.ajax({
    dataType: "json",
    type: "POST",
    url: "/Weather1/Weather_post",
    contentType: "application/json; charset=utf-8",
    data: JSON.stringify(myDataArray),
    success: function (data) {
        console.log(("OK"));
    },
    error: function (error)
    { console.log("NOT OK"); }
})

Controller:

[HttpPost]
public JsonResult Weather_post(String MyModuleList)

• c#
• javascript
• ajax

Share Improve this question Follow edited Sep 6, 2013 at 16:53 Dave Zych 21.9k77 gold badges5252 silver badges6767 bronze badges asked Sep 6, 2013 at 16:47 EdnaEdna 13244 silver badges1313 bronze badges 4

• 2 Show the method signature of the controller action. We can't see why the method is failing without seeing the method. – Jace Rhea Commented Sep 6, 2013 at 16:49
• [HttpPost] public JsonResult Weather_post(String MyModuleList) – Edna Commented Sep 6, 2013 at 16:50
• You don't seem to have anything on the client-side that corresponds to your parameter name: MyModuleList Without that correspondence the parameter will always be null. Try something like data: { MyModuleList: JSON.stringify(myDataArray) } – David Tansey Commented Sep 6, 2013 at 17:00
• thanks David, it didn't actually work like this, but when I add stringify to all, it works. But now I have String, how to convert it to type I want? Please help? – Edna Commented Sep 6, 2013 at 17:07

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 6

Model binding has no idea what "MyModuleList" is. You can use a strongly typed model here and MVC will bind the JSON to it.

Consider JSON:

var data = {
    moduleList: [
        { id:100, description:"some text"}
    ];
};

and models:

public class ModuleListModel
{
    public List<ModuleModel> ModuleList { get; set; }
}
public class ModuleModel
{
    public int Id { get; set; }
    public string Description { get; set; }
}

and action:

[HttpPost]
public JsonResult Weather_post(ModuleListModel model)
{ 
    ... 
}

Combine that with @Timothy Shields' answer:

You're missing processData: false in your ajax call. Without that, ajax is going to try to pack the data into the URL query string. (See here: http://api.jquery./jQuery.ajax/)

and you should be good.

You're missing processData: false in your ajax call. Without that, ajax is going to try to pack the data into the URL query string. (See here: http://api.jquery./jQuery.ajax/)

If data is { 'animal': 'elephant', 'count': 5 } and processData is true (the default), ajax will do the POST to the URL /Weather1/Weather_post?animal=elephant&count=5 with an empty HTTP request body. This is why you want processData: false.

Try as follows:

 var myData = { id:100, description:"some text"};
 var myDataArray= new Array();   
 myDataArray.push(myData); 
 var param = JSON.stringify(myDataArray);  
 $.ajax({
     dataType: "json",
     type: "POST",
     url: "/Weather1/Weather_post",
     contentType: "application/json; charset=utf-8",
     data: {'MyModuleList': param },
     success: function (data) {
          console.log(("OK"));
     },
     error: function (error)
     { console.log("NOT OK"); }
 })

You may need to pass the parameter name with the data. Something like:

 data: {'MyModuleList': JSON.stringify(myDataArray)},

See if this works for you.

本文标签： javascriptHTTP POST request to C ControllerStack Overflow