Ajax Post Throwing Error

Question

The ajax post hits the server and delivers the correct information, but even though it works it still is hitting the error function. The ready state is 0, so it says it isn't even making the request.

            var serviceURL = '/ContactForm/FirstAjax';
            $.ajax({
                type: "POST",
                url: serviceURL,
                data: JSON.stringify(formInfo),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function () {
                            alert("Worked");
                        },

                error: function (xhRequest, ErrorText, thrownError) {
                    alert("Failed to process correctly, please try again" + "\n xhRequest: " + xhRequest + "\n" + "ErrorText: " + ErrorText + "\n" + "thrownError: " + thrownError);

                }
            });

The error message is: Error Msg

My controller looks like this:

    [HttpPost]
    [ActionName("FirstAjax")]
    [OutputCache(NoStore = true, Duration = 0, VaryByParam = "*")]
    public JsonResult FirstAjax(ContactForm contactForm)
    {            
        return Json("works", JsonRequestBehavior.AllowGet);
    }

It didn't do anything. I logged it in console but im not sure how to interpret what it says. The ready state = 0 and so does the status. — mwhite14, Jul 11 '13 at 19:31

score 0 · Answer 1 · answered Jul 11 '13 at 19:57

There's an error in your ajax post method or your controller. If you leave the ajax method as is, you can modify your controller to:

[HttpPost]
[ActionName("FirstAjax")]
[OutputCache(NoStore = true, Duration = 0, VaryByParam = "*")]
public JsonResult FirstAjax()
{            
    var postedData = new StreamReader(Request.InputStream);
    var jsonEncoded = postedData.ReadToEnd(); //String with json
    //Decode your json and do work. 
    return Json("works", JsonRequestBehavior.AllowGet);
}

If you don't want to change the controller, then you need to change the javascript to:

var serviceURL = '/ContactForm/FirstAjax';
$.ajax({
        type: "POST",
        url: serviceURL,
        data: { contactForm: JSON.stringify(formInfo) },
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function () {
                     alert("Worked");
                },
        error: function (xhRequest, ErrorText, thrownError) {
            alert("Failed to process correctly, please try again" + "\n xhRequest: " + xhRequest + "\n" + "ErrorText: " + ErrorText + "\n" + "thrownError: " + thrownError);

        }
    });

Hope this helps.

I tried both, still getting an error. With what I had it was passing the object correctly, and I was able to use it in the controller. But even with it working, the error would show. The ready state from it is 0 which means it didn't initiate the request, could it be firing too fast? — mwhite14, Jul 11 '13 at 20:06
It can be a cross-domain issue: Take a look at http://stackoverflow.com/questions/6818939/jquery-post-respond-with-readystate0-status0, http://stackoverflow.com/questions/3586780/jquery-ajax-post-unsuccessful — lopezbertoni, Jul 11 '13 at 20:19

score 0 · Answer 2 · edited May 23 '17 at 12:31

0

I was using Fiddler and realized it was doing a GET not a post POST. I figured it out how to fix it. When I submitted the form, it called the Javascript with onsubmit="submitForm();". By submitting the form it was preforming a GET on the url instead of a POST. I fixed with onsubmit="submitForm(); return false".

Answer Source - jQuery: why does $.post does a GET instead of a POST

edited May 23 '17 at 12:31

Community

1
1

answered Jul 12 '13 at 21:32

mwhite14

257
1
7
19

Ajax Post Throwing Error

2 Answers2