JSON response being output to browser

Question

I'm using a Symfony2 Controller to return a JSON string:

return new Response(json_encode(array('errors' => $errors)));

Basically, I want to return errors to the form. But when I call the action, the JSON output is displayed in my browser. But I want to call the JSON in a callback function in JavaScript (jQuery).

I tried to set the Content-Type to application/json, but it doesn't work in IE because IE wants to save the file.

My JavaScript:

$("#form").submit(function() {
    var url = $(this).attr("action");

    $.ajax({
        type: "POST",
        url: url,
        data: $(this).serialize(),
        success: function(data, textStatus, jqXHR) {
            // Ouptut errors
        }
    });
});

What can I do?

I guess you are using your javascript wrong. Show us your javascript — user657496
– user657496, Commented Aug 6, 2012 at 13:29

Rory McCrossan · Accepted Answer · 2012-08-06 13:41:52Z

2

You need to prevent the form submission on click so that it is only submit via $.ajax():

$("#form").submit(function(e) {
    e.preventDefault(); // stop the form being submit on click

    var url = $(this).attr("action");    
    $.ajax({
        type: "POST",
        url: url,
        data: $(this).serialize(),
        success: function(data, textStatus, jqXHR) {
            // Ouptut errors
        }
    });
});

answered Aug 6, 2012 at 13:41

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

1 Comment

Alex Kaserbacher Over a year ago

Thank you (; That does work for Firefox, but not for IE. So I added a return false statement at the end of the function.

Collectives™ on Stack Overflow

JSON response being output to browser

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related