AJAX call returning Interal Server Error in ASP.NET MV3 project

Question

I'm new with and using ASP.NET, MVC3 and AJAX.

I try to call a method in my controller with an AJAX call, but I receive an Internal Server Error.

Here's my Javascript method:

function DeleteItem(id) {
  var answer = confirm("Are you sure ?")
  if(answer) {
    $.ajax({
      type: 'POST',
      url: '/Item/Delete',
      data: id,
      dataType: 'json',
      success: function (data) {
        alert('Function called');
      },
      error: function (xhr, ajaxOptions, thrownError) {
        alert(xhr.status);
        alert(thrownError);
      }
    });
  }
}

and here's my method in my Controller:

public ActionResult Delete(int idItem) {
  Item.Delete(idItem); //delete my item
  return RedirectToAction("Index", "Item");
}

The Javascript method is called, but when I answer "Yes, I'm sure I want to delete", I get an Internal Server Error and I am not sure why. What causes the server error?

`Item.Delete(idItem);` should be `Item.DeleteItem(idItem);` dont you think? — Zaffar Saffee, Mar 16 '13 at 13:55
Consider ways to handle errors in your MVC actions: http://stackoverflow.com/questions/5995776/error-handling-in-asp-net-mvc-3 — scott.korin, Mar 16 '13 at 14:02

score 1 · Accepted Answer · answered Mar 16 '13 at 14:12

My guess is that the reason you are getting an internal server is because the name of the int that you are passing in does not match the int that you are expecting in your controller. As a result, idItem is most likely null which is causing your internal server error when going to delete.

Change the data to match

function DeleteItem(id) {
    var answer = confirm("Are you sure ?")
    if (answer) {
        $.ajax({
            type: 'POST',
            url: '/Item/Delete',
            data: { idItem: id},
            dataType: 'json',
            success: function (data) {
                alert('Function called');
            },
            error: function (xhr, ajaxOptions, thrownError) {
                    alert(xhr.status);
                    alert(thrownError);
            }
        });
    }
}

[HttpPost] was missing and I didn't match id and idItem in the "data" fiel of the ajax call Thank you very much guys ! — AlexB, Mar 16 '13 at 18:04

score 0 · Answer 2 · answered Mar 16 '13 at 13:57

0

Your ActionResult method does not have the [HttpPost] attribute. Your Ajax call is of type 'POST'.

answered Mar 16 '13 at 13:57

Oliver

8,794
2
40
60

Why this will prevent calling this action with a GET request, it will not cause an error. – scott.korin Mar 16 '13 at 13:59
Yes, but HttpPost is an action filter. It's not NEEDED for a POST to work. It prevents calling the Action with GET, PUT, etc. – scott.korin Mar 16 '13 at 14:06

score 0 · Answer 3 · answered Mar 16 '13 at 14:00

0

Perhaps you need to serialize the id you are passing to action to JSON format. And you also need to decorate your action method with [HttpPost] attribute so that it accepts POST verbs.

answered Mar 16 '13 at 14:00

Alexander Tsvetkov

1,649
14
24

AJAX call returning Interal Server Error in ASP.NET MV3 project

3 Answers3