Passing data from View to Controller using Ajax results in 404 error on the controller method

Question

I'm trying to pass data from View to Controller Action method. Using Ajax to pass the data to the controller but the controller doesn't receive the data and it is always null resulting in 404 error. Can someone review this and point out what needs to be fixed?

Ajax call in View -

  function openErrorDetails(errors) {

    $.ajax({
        type: 'POST',
        url: "/Home/ErrorDetails",
        dataType: 'json',
        data: JSON.stringify({ errors }),
            success: function (data) {
                var win = window.open();
                win.document.write(data);
            }
        });
    }

Calling the Ajax funtion using a anchor tag OnClick event to open a new window with the errors details -

var exception = "onClick='openErrorDetails(" + JSON.stringify(data) + ")'> View details";

Controller -

    [HttpPost]

    public ActionResult ErrorDetails(string errors)
    {

        if (errors != null)
        {
            dynamic errorMessages = JsonConvert.DeserializeObject(errors);

            return View("ErrorDetails", errorMessages);
        }
        else
        {
            return new HttpNotFoundResult();
        }
    }

I wonder what the controller has at the top of the file. i.e. routing info — DJ Burb, Sep 24 '20 at 19:29
no routing info. It does execute the controller method but errors is null. — husain, Sep 24 '20 at 19:32
Change your relative url to an absolute one and see if that helps. Reference: https://stackoverflow.com/questions/4765740/relative-urls-in-ajax-requests — Drew, Sep 24 '20 at 19:32
yes, doesn't work. still returns null to the controller method — husain, Sep 24 '20 at 19:45

score 0 · Accepted Answer · answered Sep 24 '20 at 20:27

0

this solved it data: { errors: JSON.stringify({ errors }) },

answered Sep 24 '20 at 20:27

husain

13
3

Passing data from View to Controller using Ajax results in 404 error on the controller method

1 Answers1