MVC jQuery delete action not working

Question

i've been breaking my head over this one for a while now. i have the form below, which works fine.

@using (Html.BeginForm("Edit", "PCLLine", FormMethod.Post))
{
  @Html.AntiForgeryToken()
  @Html.ValidationSummary(true)

  @Html.HiddenFor(model => model.ID)
  @Html.HiddenFor(model => model.Field)
  <div class="small">
    @Html.TextBoxFor(model => model.Number, new { onchange = "setEditWBSElementNumber(this," + Model.ID + ")" })
    @Html.ValidationMessageFor(model => model.Number)
  </div>

  <div class="large">
    @Html.EditorFor(model => model.Description)
    @Html.ValidationMessageFor(model => model.Description)
  </div>

  <div>
    @Html.EditorFor(model => model.NumberTwo)
    @Html.ValidationMessageFor(model => model.NumberTwo)
  </div>

  <div>
    @Html.TextBoxFor(model => model.ConcatNumber, new { @id = Model.ID.ToString() + "_WBSElementNumber" })
    @Html.ValidationMessageFor(model => model.ConcatNumber)
  </div>

  <div class="large">
    @Html.EditorFor(model => model.Remarks)
    @Html.ValidationMessageFor(model => model.Remarks)
  </div>
  <div>
    <input type="submit" class="accept" value="Opslaan" />
  </div>
  <div>
    <input class="folderButton" value="Opties" onclick="pclSubLineDialog()" />
  </div>
  <div>
    <input class="delete" value="Verwijderen" onclick="deleteItem(); return false;" />
  </div>
}

The problem here is in the delete. It calls the function, but does not execute properly. It does not hit my Controller actions, yet trying it with other controller actions, it does work:

function deleteItem() {
    $.ajax({
      url: "PCLLine/Delete",
      type: "POST",
      data: { id: "@Model.ID" },
      dataType: "json",
      success: function (data) {
        alert('');
      }
    });
  }

And the controller:

[AcceptVerbs(HttpVerbs.Post)]
public ActionResult Delete(int pclLineId)
{
  try
  {
    // TODO: Add delete logic here
    _pclLineBLL.DeletePCLLine(pclLineId);
    return Json(new { success = true });
  }
  catch
  {
    return Json(new { success = false });
  }
}

Andrei · Accepted Answer · 2014-01-22 15:01:02Z

3

Name of the parameter matters. You should rename your request parameter according to the action declaration:

data: { pclLineId: "@Model.ID" },

answered Jan 22, 2014 at 15:01

Andrei

56.8k10 gold badges92 silver badges114 bronze badges

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

Comments

BenMorel · Accepted Answer · 2014-02-18 11:00:25Z

2

In your Controller class, you have named the parameter pclLineId instead of id.

You can either:

Rename the parameter id
Change your jQuery function to pass pclLineId instead of id

edited Feb 18, 2014 at 11:00

BenMorel

37k52 gold badges208 silver badges339 bronze badges

answered Jan 22, 2014 at 15:02

joe_coolish

7,25913 gold badges68 silver badges114 bronze badges

Comments

Systematix Infotech · Accepted Answer · 2014-01-22 15:13:08Z

0

//Change your function to

function deleteItem() {
    $.ajax({
      url: "PCLLine/Delete",
      type: "POST",
      data: { pclLineId: "@Model.ID" },
      dataType: "json",
      success: function (data) {
        alert('');
      }
    });
  }

answered Jan 22, 2014 at 15:13

Systematix Infotech

2,3751 gold badge16 silver badges31 bronze badges

Collectives™ on Stack Overflow

MVC jQuery delete action not working

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related