JQuery ajax parsererror in ASP.NET MVC app

Question

I am trying to call an ASP.NET MVC actionMethod via the JQuery ajax method. My code is as follows:

$('.Delete').live('click', function() {
    var tr = $(this).parent().parent();

    $.ajax({
        type: 'DELETE',
        url: '/Routing/Delete/' + tr.attr('id'),
        contentType: 'application/json; charset=utf-8',
        data: '{}',
        dataType: 'json',
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            alert("Error: " + textStatus + " " + errorThrown);
            alert(XMLHttpRequest.getAllResponseHeaders());
        },
        success: function(result) {
            // Remove TR element containing waypoint details
            alert("Success");
            $(tr).remove();
        }
    });
});

and my action method is:

[AcceptVerbs(HttpVerbs.Delete)]
public string Delete(int id)
{
    // Deletion code

    return " ";
}

I return an empty string as I read somewhere that if the content-length is 0 then it can cause problems, when the return type is a string I get an alert box saying "Error: error undefined" and the second alert box is empty.

If I make the return type void I get an alert saying "Error: parsererror undefined" and the second alert is as follows:

Server: ASP.NET Development Server/9.0.0.0
Date: Wed, 22 Jul 2009 08:27:20 GMT
X-AspNet-Version: 2.0.50727
X-AspNetMvc-Version: 1.0
Cache-Control: private
Content-Length: 0
Connection: Close

Hmm my answer was the same and first!

redsquare
– redsquare

2009-07-22 09:51:10 +00:00
Commented Jul 22, 2009 at 9:51 — redsquare
– redsquare, Commented Jul 22, 2009 at 9:51

Community · Accepted Answer · 2017-05-23 11:50:41Z

5

Your jQuery call expects Json in return of the request. So :

[AcceptVerbs(HttpVerbs.Delete)]
public JsonResult Delete(int id) {
    // Deletion code
    return Json("");
}

And also I agree with redsquare, it's better to return a logical message like this :

[AcceptVerbs(HttpVerbs.Delete)]
public JsonResult Delete(int id) {
    // Deletion code
    return Json(new { Success = true });
}

//then in your jQuery function you can check the result this way :
success: function(result) {
    if (result.Success) {
        alert("it was deleted!");
    }
    else {
        alert("something went wrong");
    }
}

edited May 23, 2017 at 11:50

CommunityBot

11 silver badge

answered Jul 22, 2009 at 8:50

Çağdaş Tekin

16.7k4 gold badges51 silver badges59 bronze badges

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

Comments

redsquare · Accepted Answer · 2009-07-22 08:42:41Z

4

I would not advise to return an empty string. Since you have set the dataType to json jquery will eval the response.

You should always return a logical message.

return Json(new { success = "true" });

N.B inside the success you are using $(tr).remove(); There is no need as your tr variable is already a jQuery object so tr.remove will work just fine.

answered Jul 22, 2009 at 8:42

redsquare

78.8k21 gold badges155 silver badges159 bronze badges

Collectives™ on Stack Overflow

JQuery ajax parsererror in ASP.NET MVC app

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related