How to use Ajax.BeginForm MVC helper with JSON result? Reference data in JSON Result

Question

In the post How to use Ajax.BeginForm MVC helper with JSON result? Joel references a solution as follows:

function onTestSuccess(data, status, xhr) { 

    console.log("data", data); 
    console.log("xhr", xhr); 
    console.log("status", status); 

    // Here's where you use the JSON object 
    //doSomethingUseful(data); 
}

How do I reference elements in the JSON object "data" in my code? My console log shows the following: LOG: data{"success":true,"uri":"/Image/Confirm2?category=foo"}

I am trying to use the value of "uri" in my jquery code. I've tried:

console.log("uri", data.uri);

but get the folowing as a result:

LOG: datauriundefined

Darin Dimitrov · Accepted Answer · 2012-02-19 21:52:51Z

1

function onTestSuccess(data, status, xhr) { 
    var uri = data.uri;
    // uri = '/Image/Confirm2?category=foo' at this stage 
    // so you could do something useful with it
}

Also for this to work you need to use the OnSuccess="onTestSuccess" setting in your AjaxOptions when setting up the Ajax.BeginForm instead of OnComplete="onTestSuccess".

It turns out that the problem is with your controller action in which you specified incorrect Content-Type of text/html.

So instead of:

String uri = Url.Action("Confirm2", "Image", new RouteValueDictionary(new { category = "foo" })); 
return Json(new { success = true, uri = uri }, "text/html");

you should use:

String uri = Url.Action("Confirm2", "Image", new RouteValueDictionary(new { category = "foo" })); 
return Json(new { success = true, uri = uri });

edited Feb 19, 2012 at 21:52

answered Feb 19, 2012 at 20:19

Darin Dimitrov

1.0m277 gold badges3.3k silver badges3k bronze badges

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

8 Comments

user1219694 Over a year ago

Unfortunately I am still not having much success.

user1219694 Over a year ago

see code: var uri = data.uri; console.log(uri); displays LOG: undefined

Darin Dimitrov Over a year ago

@user1219694, you should use OnSuccess="onTestSuccess" instead of OnComplete="onTestSuccess" in your AjaxOptions.

user1219694 Over a year ago

Yes - that is what I am doing @using (Ajax.BeginForm("create", "Guide", new AjaxOptions { HttpMethod = "Post", OnSuccess = "JsonCreateGuide_OnComplete" }))

Darin Dimitrov Over a year ago

And your controller action return Json(new { uri = "/Image/Confirm2?category=foo" })? You may also try console.log($.parseJSON(data).uri);.

|

Collectives™ on Stack Overflow

How to use Ajax.BeginForm MVC helper with JSON result? Reference data in JSON Result

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related