ASP.NET MVC - Http 404 Error when calling HttpPost Method in Controller

Question

I was looking around and trying to find a solution for my problem, but somehow I can not find the right answer.

I have an Index.cshtml view that looks like this:

@model IEnumerable<MyProject.Models.Conditions>
    
@{
    ViewBag.Title = "Index";
}
@using (Html.BeginForm())
{
  <style> ... </style>
  <div class="container1">
        <div class="box1">
         <div class="box-cell1 box1">
                <fieldset id="field1">
                    <legend>CustomerNumber</legend>
                    @Html.TextBox("s_custNum")
                    <input type="submit" value=">" style="height: 22px; width:  50px; padding:0px;" />
                </fieldset>
            </div>
        </div>
    </div>

<table class="tableMain" id="x">
        <tr class="trMain">
            <th class="thMain">
                @Html.DisplayNameFor(model => model.ID)
            </th>
            <th class="thMain">
                @Html.DisplayNameFor(model => model.NAME)
            </th>
            <th class="thMain">
                @Html.ActionLink("Edit Lines", "EditAll", "EditAll",  null)
            </th>
        </tr>

         @foreach (var item in Model)
         {
            <tr class="trMain">
                <td class="tdMain">
                    @Html.DisplayFor(modelItem => item.ID)
                </td>
                <td class="tdMain">
                    @Html.DisplayFor(modelItem => item.NAME)
                </td>
               <td class="tdMain">
                    <input type="checkbox" class="chkCheckBoxId"  name="custId" value="@item.ID" />
                </td>
            </tr>
        }
    </table>

I'm currently listing all records as table on my site and each record has a checkbox. The header has an action link for redirecting the user to a new editing site. At the top of the site is a search Textbox.

The method in my controller looks like this:

    [HttpPost]
    public ActionResult EditAll(FormCollection collection)
    {
        var test = Request.Form.GetValues("custId");
        string[] ids = collection["custId"].Split(new char[] { ',' });

        return View();
    }

Here I'm trying to get all the ids from the records that are checked. However, I get an error 404 that the page can not be found. When I remove the [HttpPost] attribute, the method gets called but returns no values in "test" or "ids".

I even tried to add values to my Html.BeginForm, but then the searchbar on the site does not work anymore.

Could someone help me retrieving the ids of the checked records? I'm new to ASP.NET MVC.

Many thanks!

Kyle Crabtree · Accepted Answer · 2022-11-23 12:37:56Z

0

The action link you created creates an anchor tag (https://www.w3schools.com/tags/tag_a.asp)

@Html.ActionLink("Edit Lines", "EditAll", "EditAll", null)

Anchor tags are a GETs, not POSTs.

What you are looking for since you already have a BeginForm() and an input button -- which would cause your submit button to post back to the "Index" action -- is maybe doing this in Javascript or putting multiple forms on the page.

Forms cannot be nested inside of each other, but you can have multiple on a page.

Alternatively, just change it to an [HttpGet] if that's what you are trying to do.

Edit: Javascript example How to send data in jquery.post to mvc controller which use ViewModel as parameter?

var myData = {
          Parameter1: $("#someElementId").val(),
          Parameter2: $("#anotherElementId").val(),
          ListParameter: { /* Define IEnumerable collections as json array as well */}
          // more params here
         }  
$.ajax({
    url: 'someUrl',
    type: 'POST',
    dataType: "json",
    contentType: 'application/json',
    data: JSON.stringify(myData)
});  


[HttpPost]
public JsonResult Create(CustomViewModel vm)
{
    // You can access your ViewModel like a non-ajax call here.
    var passedValue = vm.Parameter1;
}

edited Nov 23, 2022 at 12:37

answered Nov 23, 2022 at 12:29

Kyle Crabtree

2082 silver badges10 bronze badges

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

3 Comments

Canox Over a year ago

Using a HttpGet does call the method but my formsCollection is still empty. How to do this over java script in this case? I would need to open a new page by clicking the link where my checked Ids are passed. Because the user then should edit a certain value and presses another button to update the datatabse.

Kyle Crabtree Over a year ago

Just added an example. You could pull each value (assuming you are using jQuery).

Canox Over a year ago

I tried the approach with two forms but somehow this does not work. I wrapped my table into <form method="post" asp-controller="Airline" asp-action="EditAll"> and it still does not work :( What are the parameters in your example? Since every record has a checkbox I would need all records which are checked.

Collectives™ on Stack Overflow

ASP.NET MVC - Http 404 Error when calling HttpPost Method in Controller

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related