POST call using jquery AJAX not working

Question

I am trying to build an ASP.NET MVC web service in which I am trying to make a POST call in javascript using jQuery ajax as below.

$.ajax({
      url: "/bug/CreateBug",
      type: "POST",
      data: rowData,
      contentType: "application/json",
      datatype: "json", //return type
      success: function (data) {
          console.log(data);
      },
      error: function (xhr) {
          alert('error');
      }
  });

I keep getting the error TypeError: e is undefined. I tried adding a log statement just before this ajax call and things are working fine. Not sure what am I missing out on. My rowData looks something like below.

{
    "Date": "2016-12-31",
    "Id": "1234-csj4-sadf-random",
    "Scenario": "abc",
    "IsFixed": "No"
}

My C# code in the controller looks something like this

[HttpPost]
public JsonResult CreateBug(string jsonRequest)
{
    var bugId = GetBugId(jsonRequest);

    return this.Json(bugId, JsonRequestBehavior.AllowGet);
}

I tried to test the above POST call using Postman and I got jsonRequest as null. Could someone pls help me out here on how can I get the POST request to work?

Thanks in advance!

try data:Json.stringify(rowData)

ibubi
– ibubi

2017-01-14 11:33:40 +00:00
Commented Jan 14, 2017 at 11:33 — ibubi
– ibubi, Commented Jan 14, 2017 at 11:33
can you try JSON.stringify(rowdata)

Yashveer Singh
– Yashveer Singh

2017-01-14 11:34:05 +00:00
Commented Jan 14, 2017 at 11:34 — Yashveer Singh
– Yashveer Singh, Commented Jan 14, 2017 at 11:34
posted updated code plz let me know if it works

Yashveer Singh
– Yashveer Singh

2017-01-14 11:36:03 +00:00
Commented Jan 14, 2017 at 11:36 — Yashveer Singh
– Yashveer Singh, Commented Jan 14, 2017 at 11:36

Yashveer Singh · Accepted Answer · 2017-01-14 11:41:50Z

1

  try it hope it works
  $.ajax({
  url: "/bug/CreateBug",
  type: "POST",
  data: JSON.stringify(rowdata),
  contentType: "application/json",
  datatype: "json", //return type
  success: function (data) {
      console.log(data);
  },
  error: function (xhr) {
      alert('error');
  }
  });

------ on controller do something like this or the best approach is to create model with all these property and MVC will bind it for you.

    [HttpPost]
   public JsonResult CreateBug(string Id, string Date, string IsFixed ,   string Scenario)
 {
    var bugId = GetBugId(jsonRequest);

   return this.Json(bugId, JsonRequestBehavior.AllowGet);
}

edited Jan 14, 2017 at 11:41

answered Jan 14, 2017 at 11:35

Yashveer Singh

2,0072 gold badges18 silver badges24 bronze badges

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

2 Comments

SohamC Over a year ago

Yeah it is now making the call to the MVC controller, but I am still getting jsonRequest as null in the controller.

Yashveer Singh Over a year ago

@SohamC updated answer please take a look if u still have issue let me know .

Collectives™ on Stack Overflow

POST call using jquery AJAX not working

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related