jQuery Form, ASP.NET MVC JSon Result

Question

I'm trying to return a json result from a jQuery Form instance - but it keeps prompting me to download a file instead of displaying it in the window like it is supposed to...

    $("#ajaxImageForm").ajaxForm({
        iframe: true,
        type: "GET",
        dataType: "json",
        beforeSubmit: function() {
            $("#ajaxImageForm").block({ message: '<img src="/content/images/loader.gif" /> Uploading . . .' });
        },
        success: function(result) {
            $("#ajaxImageForm").unblock();
            $.growlUI(null, result.message);
        }
    });

    [AcceptVerbs(HttpVerbs.Post)]
    public JsonResult Edit(FormCollection collection)
    {
        // return Json to the jQuery Form Result
        return new JsonResult {  Data = new { message = string.Format("edited successfully.") } };
    }

Nick Berardi · Accepted Answer · 2010-01-28 20:40:23Z

2

You are requesting a GET from your jQuery code, but you are stating that the action is only for POST. Change one of those and you should be good.

$("#ajaxImageForm").ajaxForm({
    iframe: true,
    type: "POST",
    dataType: "json",
    beforeSubmit: function() {
        $("#ajaxImageForm").block({ message: '<img src="/content/images/loader.gif" /> Uploading . . .' });
    },
    success: function(result) {
        $("#ajaxImageForm").unblock();
        $.growlUI(null, result.message);
    }
});

answered Jan 28, 2010 at 20:40

Nick Berardi

55k15 gold badges118 silver badges137 bronze badges

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

5 Comments

Ciel Over a year ago

Nope. I still just get it presented as a downloadable file.

Nick Berardi Over a year ago

it could be something to do with ajaxForm. Have you just tried a standard jQuery ajax?

Ciel Over a year ago

I'm not familiar with how to do it with a standard jQuery ajax.

Nick Berardi Over a year ago

docs.jquery.com/Ajax you seem to be using a ton of jQuery plugins which may be the problem

Ciel Over a year ago

Thank you very much - the error is because it was flagged to use the iFrame. This in turn was causing it not to be returned to the right window.

womp · Accepted Answer · 2010-01-28 20:39:35Z

1

You're setting the ajax request type to "GET", but your action method is set to only accept requests of type POST.

Try changing it to POST instead.

answered Jan 28, 2010 at 20:39

womp

117k27 gold badges240 silver badges271 bronze badges

1 Comment

Ciel Over a year ago

The method itself works - any code I place in there runs. It's the return that doesn't work. It DOES work ,it just presents it as a Downloadable file - instead of jQuery accepting it like it is supposed to.

channer · Accepted Answer · 2010-01-28 21:16:29Z

0

I have seen a similar issue, although not sure the reasoning was the same. The way I found to fix this was to return a content result instead with the content type set to text/html.

i.e.

return Content("{message: 'edited successfully'}", "text/html");

answered Jan 28, 2010 at 21:16

channer

363 bronze badges

Collectives™ on Stack Overflow

jQuery Form, ASP.NET MVC JSon Result

3 Answers 3

5 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related