Asp.net pass jQuery variable to C# function

Question

I have go this code inside my razor view in Asp.Net:

@section MyScripts {
  <script type="text/javascript">
    $("button").click(function () {

        var myVariable = this.id;

        @{ 
            var Line1 = "Software";
            var Gruppe2 = Model.Where(x => x.Line1 == "Software").GroupBy(v => v.Line2).ToList();
        }
    });
  </script>
}

As you can see, the myVariable receives the id via jQuery from the "button click event".

So lets say that the variable value is "Software".

How can I pass this variable to the c# code inside the jQuery?

You need to understand the difference between client-side code and server-side code. You're looking for AJAX. — SLaks
– SLaks, Commented May 1, 2017 at 21:46
Thanks for your answer. So how would that work? I would send the variable via AJAX to my controller and give back a new view? The problem is I don't want to reload the whole view... @SLaks — Tom el Safadi
– Tom el Safadi, Commented May 1, 2017 at 21:50

Kevin Raffay · Accepted Answer · 2017-05-01 21:55:16Z

1

Add an Ajax call to your click event that does a POST/GET back to your MVC action, something like this:

                $.ajax({
                    async: false,
                    cache: false,
                    url: '@Url.Action("MyAction", "MyController")',
                    type: 'GET',
                    dataType: 'json',
                    data: myJsonString }
);

Your action would only return json (or a partial view, depending on the return type)

    [HttpGet]
    public JsonResult MyAction()
    {

        string result = [some model data]

        var json = Json(result, JsonRequestBehavior.AllowGet);
        return json;

    }

edited May 1, 2017 at 21:55

answered May 1, 2017 at 21:53

Kevin Raffay

8405 silver badges18 bronze badges

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

4 Comments

Tom el Safadi Over a year ago

But then I have to reload my whole site or?

Tom el Safadi Over a year ago

Ah okay I get it now. I will try it tomorrow and give you feedback if it worked!! Thanks a lot

Kevin Raffay Over a year ago

No, usually you want to get back a json string and then use jQuery to change your UI. Like, for example, pass a state ID, get the State Description, and add that to a drop-down client-side.

SLaks Over a year ago

Don't use async: false.

Collectives™ on Stack Overflow

Asp.net pass jQuery variable to C# function

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related