jQuery AJAX call into MVC controller action never returns

Question

I've looked at the previously-posted jQuery/MVC questions and haven't found a workable answer.

I have the following JavaScript code:

appCode.runReports = function (e) {

    var reportList = '';

    $('.rptCheck:checked').each(function (index) {
        reportList += ($(this).attr('reportName') + ',');
    });

    $.ajax({
            url: '/Report/RunReports/?reports=' + reportList,
            error: appCode.reportAjaxFailure,
            success: appCode.listRunningReports,
            complete: appCode.ajaxComplete,
            dataType: 'json'
        });

    e.preventDefault();
}

$(document).ready(function () {
    $('#runReportsButton').click(appCode.runReports);
});

The URL it calls into uses the following controller:

namespace workflowDemoMVC.Controllers
{
    public class ReportController : Controller
    {

        public JsonResult RunReports(string reports = "")
        {
            try
            {
                var ret = reports.Split(new char[] { ',' }, StringSplitOptions.RemoveEmptyEntries);
                return Json(ret, JsonRequestBehavior.AllowGet);
            }
            catch (Exception ex)
            {
                ide.Trace.WriteLine(ex.ToString());
                return Json(null, JsonRequestBehavior.AllowGet);
            }
        }

    }
}

When I run the code in dev, the controller action executes as expected and returns, but none of the callbacks defined in the AJAX call (complete, error, or success) fire. Once, in an earlier code version, I saw an 500-coded exception (Internal Server Error,) but now I don't see anything at all.

Environment: MVC3, jQuery1.6 .net4

jekke - i know you haven't mentioned it, but what does firebug report on running the code? — jim tollan
– jim tollan, Commented Jan 6, 2012 at 15:49
What do you see in FireBug console or the javascript developer toolbar you are using? Error? Is the AJAX request being sent? What does the server respond with? — Darin Dimitrov
– Darin Dimitrov, Commented Jan 6, 2012 at 15:49
Actually, it works fine in Firefox, so Firebug doesn't say much of anything. This turns out to be an IE-only bug. — Yes - that Jake.
– Yes - that Jake., Commented Jan 6, 2012 at 17:23

divide_byzero · Accepted Answer · 2012-01-06 16:52:11Z

2

You should try and set the content type on the AJAX call. I had a problem like this and that fixed it for me. Basically you would do this. I know I had a lot of problems with IE until I specified this.

$.ajax({
        url: '/Report/RunReports/?reports=' + reportList,
        error: appCode.reportAjaxFailure,
        success: appCode.listRunningReports,
        complete: appCode.ajaxComplete,
        dataType: 'json',
        contentType: 'application/json; charset=utf-8'
    });

answered Jan 6, 2012 at 16:52

divide_byzero

8002 gold badges9 silver badges24 bronze badges

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

2 Comments

Yes - that Jake. Over a year ago

This doesn't seem to fix the problem, but it's still a good idea. Upvote.

divide_byzero Over a year ago

Thank you for the up vote. Sorry that didn't fix the problem though. Have you tried doing it with async turned off? If not it may help to find the problem. Other than that I am not really sure what to do with out the error from firebug.

Collectives™ on Stack Overflow

jQuery AJAX call into MVC controller action never returns

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related