JQuery Ajax, No callback function is run in ASP.NET MVC 5

Question

I'm trying to render a partial view in a container div using JQuery Ajax. Here's my ajax-call:

var href = {
    href: $(this).attr("href").substr(1)
}
var container = $(".customer-main-content-container");
$.ajax({
    url: "@Url.Action(" CustomerMenuSelection ")",
    type: "POST",
    dataType: "html",
    contentType: "application/json",
    data: JSON.stringify(href),
    error: function (jqXHR, textStatus, errorThrown) {
        alert("ERROR: " + errorThrown.text());
    },
    success: function (result) {
        container.empty();
        container.html(result).show();

    }
});

Update

Here's my Action code:

public ActionResult CustomerMenuSelection(string href)
{
    var user = GetCurrentUser();
    var tempSensorTree = _prtgClient.GetPrtgSensorTree(user.TempPrtgGroupId.ToString());
    var tempDevices = tempSensorTree.Sensortree.Nodes.Group.Device;

    return PartialView("_Monitor", tempDevices);
}

I've followed the call through my Action and found that it indeed sends all the correct data back to the view. However, my ajax-call is not running either error- or success-callback and I have no idea why. This is happening when clicking a menu-item, and this same ajax-call works for all other menu-items except this one. I can't find any differences between the pages. No errors are thrown, the data that I populate the view with is correct. My ajax-call just stops.

So in short, why is my callbacks not triggered?

Grateful for any assistance! Thanks in advance Martin Johansson

Did you look at the request using Fiddler or the browser's built in Network Inspector? Do you get an internal server error on that particular view? You could also try adding a complete callback on the $.ajax call to see if it gets triggered. — Andrei V
– Andrei V, Commented Jun 8, 2015 at 7:25
I saw now after waiting for a long while that I got a Connection Refused error in my browser, but I can't find anything about it in Fiddler. — Martin Johansson
– Martin Johansson, Commented Jun 8, 2015 at 7:30
Tushar "this" should be my menu-button. The script is in a click-event. — Martin Johansson
– Martin Johansson, Commented Jun 8, 2015 at 7:31
Have u put breakpoint on action "CustomerMenuSelection" and checked if code is getting executed properly? — Nitin Varpe
– Nitin Varpe, Commented Jun 8, 2015 at 7:37
@Tushar ok, well I'm getting the correct values from it atleast. I'm not very good at scopes in js. — Martin Johansson
– Martin Johansson, Commented Jun 8, 2015 at 7:38

Nitin Varpe · Accepted Answer · 2015-06-08 07:49:35Z

1

This issue might be occurring because of dataType you are expecting from server. Try changing it to "html" as you are returning partial view from server.

dataType: "html"

answered Jun 8, 2015 at 7:49

Nitin Varpe

10.7k6 gold badges42 silver badges64 bronze badges

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

8 Comments

Martin Johansson Over a year ago

I used "html" before I started testing. The same issue occurs I'm afraid.

Nitin Varpe Over a year ago

Have u put breakpoint on both success and error, or console some value in both callback and checked?

Martin Johansson Over a year ago

Yes, I've put breakpoints in both error and success, I've put alerts in both and I've checked console and I just get Connection Refused after a few minutes.

Martin Johansson Over a year ago

when I set timeout: 5000 it hits this timeout and runs the error function. Results in an alert "ERROR: timeout"

Martin Johansson Over a year ago

How long? at 30 sec it still hits the timeout

|

Collectives™ on Stack Overflow

JQuery Ajax, No callback function is run in ASP.NET MVC 5

Update

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Update

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related