How to get {ID} in url "controller/action/id" in a post action?

Question

In the cshtml file, I have the following javascript in Home/Details/4. 4 is the ID.

<script>
    $(document).ready(function () {
        $("#checkbox").click(function () {
            $.post(
                "Home/Toggle", 
                { checkbox: $("#checkbox").val() }, 
                function (data) {

            });
        });
    });
</script>

The following is the action code in the controller.

    [HttpPost]
    [ValidateAntiForgeryToken]
    public ActionResult Toggle(bool checkbox)
    {
        ...... // How to get ID?
        var x = db.XXXX.Find(id);

How to get the ID? From some routing data, or Url, or let the front jQuery posting pass it?

Is it possible to get the ID from the action method without passing from the front html page?

i think this is what you want if need some more help then comment... — Kartikeya Khosla, Aug 23 '14 at 06:13
It's unclear what the bool does in your action? The route you use `/Controller/Action/Id`, should it be `/Controller/Action/Bool/Id`? I mean you want to pass both values? — Dejan.S, Aug 23 '14 at 06:17
-1. Explain a bit more about your situation. Do you have and `Id` in your html. Why you don't want to pass it with jquery? — Dejan.S, Aug 23 '14 at 07:46

score 4 · Answer 1 · answered Aug 23 '14 at 12:17

First of all slash before the controller name in the url is missing:

"/Home/Toggle"

Next mistake is checkbox value can not be check by using val() method but it can be checked using:

$("#checkbox").is(':checked')

Next you have to append id after the url as it mapped like "controller/action/{id}" in RouteConfig.cs file in RegisterRoutes method.

So your final correct url will be:

"/Home/Toggle/{id}"  //in your case: "/Home/Toggle/4"

In Action method "id" parameter is also missing. Corrected Action method is:

    [HttpPost]
    [ValidateAntiForgeryToken]
    public void Toggle(bool checkbox, int id)
    {

    }

And your complete and corrected Jquery code is:

$.post("/Home/Toggle/4", { checkbox: $("#checkbox").is(':checked') }, function (data) {

            });

Kartikeya Khosla · Answer 2 · 2016-02-01T09:24:17.673

2

If your url is this Home/Details/4 then you can get 'id' as :-

 public ActionResult Toggle(bool checkbox, int? id) //<----get 'id' this way
 {}

edited Feb 01 '16 at 09:24

answered Aug 23 '14 at 06:06

Kartikeya Khosla

18,743
8
43
69

score 2 · Answer 3 · answered Aug 23 '14 at 06:19

2

In your script, assign the id

var id = '@Model.ID';

then include it when posting back

$.post("Home/Toggle", { checkbox: $("#checkbox").val(), ID: id }, function (data) { ...

and adjust your post method to

public ActionResult Toggle(int ID, bool checkbox)
{
  ....

answered Aug 23 '14 at 06:19

Is it possible to get the ID from the action method without passing from the front html page? – ca9163d9 Aug 23 '14 at 07:18
Not unless you application is psychic – Aug 23 '14 at 07:21
At low http protocol level, the id may be able to be found in the `refer`. – ca9163d9 Aug 23 '14 at 07:33
@dc7a9163d9, If the client never sends `id`, how can the server read it? – Aug 23 '14 at 07:36

Dejan.S · Answer 4 · 2014-08-23T06:31:20.487

It all depends what your html looks like? You probably want to save your id as a hidden or data-some-name on to a html element.

@Html.HiddenFor(Model => Model.NameId)

or

<div class="some-class" data-id="@Model.NameId"></div>

Your action should take both parameters you want to pass in (or view model for that matter).

public ActionResult Toggle(bool checkbox, int id)
    {

Your post should look like this. Note this is when using the hidden input "store" method.

$.post("Home/Toggle", { checkbox: $("#checkbox").val(), id: $('.NameId').val() }, function (data) {

});

score 1 · Answer 5 · answered Aug 23 '14 at 06:14

1

you need to change going to id in your ajax post function and add id to Toggle function or add new toggle function with id as parameter. If you want to keep going value in post function you need to add a new routing

answered Aug 23 '14 at 06:14

Nick Mehrdad Babaki

11,560
15
45
70

if you mean how pass id=4 you should in your post function add id:4 after checkbox – Nick Mehrdad Babaki Aug 23 '14 at 06:20

How to get {ID} in url "controller/action/id" in a post action?

5 Answers5

Linked