Question

I have written a jquery ajax function that I have added to js file

I am using mvc3 as my server technology. my controller is getting hit with the data expected and I am able to debug through my controller code and nothing goes wrong there.

However the success event is never hit and everytime only the error function is ever called.

function processTransaction(json, et, ta, cardId, id, url, insertId) {
    $.ajax({
        url: url,
        type: "POST",
        data: { insertId: insertId, amount: ta, cardId: cardId, type: et, Id: id},
        success: function () {
            console.log("sweeeeet");
        },
        error: function (e) {
            console.log(e);
            console.log("fail");
        }
    });
}

Is there something blinding that im doing wrong?

I have added an image of the full error from the developer console.

Answer 1

Is there something blinding that im doing wrong?

Your client code is valid!
You get an exception on the server.

Change the last line of your controller action to see what is going on:

var x = Json(...); // You will get an exception here...

return x;