Pass null variable to MVC Controller

Question

I want to pass a value (1) to my controller as you can see :

<input id="myButton2" type="button" value="Call Controller Method" onclick="myff('1');"  />

Script:

function myff(re) {
  $.getJSON('@Url.Action("MyControllerMethod","Reception",new {  area ="Admin"})', function (data) {
    refid = re;
  });
}

Here is my controller

public JsonResult MyControllerMethod(string refid) {
  return Json("Controller Method call", JsonRequestBehavior.AllowGet);
}

But when I clicked the button the action is fired but the refid in my action is null why ?

You have not passed he value to the controller - $.getJSON('@Url.Action(...)', { refid: re }function (data) { — user3559349
– user3559349, Commented Jun 11, 2018 at 7:46
As per my comment - you pass it in the 2nd argument of getJSON as an object — user3559349
– user3559349, Commented Jun 11, 2018 at 7:56
@StephenMuecke I changed to this ,but return null again $.getJSON('@Url.Action("MyControllerMethod","Reception",new { area ="Admin"})', { refid: re },function (data) { refid = re; }); — Ehsan Akbar
– Ehsan Akbar, Commented Jun 11, 2018 at 7:58
That works fine (but the { refid = re; } in the callback makes no sense. But you really need to stop polluting your markup with behavior and use Unobtrusive Javascript — user3559349
– user3559349, Commented Jun 11, 2018 at 8:01

Sahil Sharma · Accepted Answer · 2018-06-11 09:02:19Z

3

Instead of $.getJSON(), try this code:

function myff(re) {
$.ajax({
  dataType: "json",
  url: '@Url.Action("MyControllerMethod","Reception",new {  area ="Admin"})',
  data: {refid : re}
});

Note: Although $.getJSON() calls internally $.ajax() but the latter one gives you more flexibility- http://api.jquery.com/jQuery.getJSON/

edited Jun 11, 2018 at 9:02

answered Jun 11, 2018 at 7:57

Sahil Sharma

1,8992 gold badges18 silver badges39 bronze badges

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

2 Comments

Ehsan Akbar Over a year ago

I changed to this , <script> function myff(re) { $.ajax({ dataType: "json", url: '@Url.Action("MyControllerMethod","Reception",new { area ="Admin"})', data: {refid : re}, success //to do }); } </script>but my controller doesn't fire

Sahil Sharma Over a year ago

Removed the success prameter. Try the updated answer.

score 2 · Accepted Answer · 2018-06-11 09:19:42Z

2

You need to pass the value in the 2nd argument of $.getJSON()

var url = '@Url.Action("MyControllerMethod","Reception",new { area ="Admin"})';
$.getJSON(url, { refid: re }, function (data) {
    console.log(data); // returns "Controller Method call"
});

I also recommend you use Unobtrusive Javascript rather than polluting markup with behavior

<input id="myButton2" type="button" data-x="1" value="Call Controller Method" />

$('#myButton2.click(function) {
    var re = $(this).data('x');
    $.getJSON(.....
});

edited Jun 11, 2018 at 9:19

answered Jun 11, 2018 at 8:46

user3559349

Collectives™ on Stack Overflow

Pass null variable to MVC Controller

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related