Receive JSON data within OnComplete event function in Ajax.Beginform

Question

I'm trying to use Ajax.BeginForm features. The form is posted correctly, but I need to retrieve data in json format, from my controller action and refresh a div with the operation result message. I have found several suggestions here in Stackoverflow, but none is useful. Here is a suggestion found: ``` var data = content.get_response().get_object(); ``` But it didn't work for me. And I believe is deprecated up today, functional only for MVC 2 and lower versions. My current MVC version is 3. Here is a piece of code: ``` @{ var ajaxOptions= new AjaxOptions{ OnComplete= "fnCompleted", Url= '@Url.Action("myAction", "myController")', Method= "POST" }

/*Here goes the json response*/

using(Ajax.BeginForm(ajaxOptions)){ @Html.EditorForModel()

Accepted Answer

The explanation that gains best interpretation for us could be that:

When we use OnComplete and JSON, the response is embedded directly to the DOM of the page. For that purposes instead it's recommended using OnSuccess and OnFailure. Those actually handle perfectly JSON results coming from a controller action.

I remit you guys to The link that helped me, that was the same I ignored previously, which I continued reading and found the Joel Purra's answer.

In your Ajax.BeginForm:

```
new AjaxOptions
{
    **OnFailure** = "onTestFailure",
    **OnSuccess** = "onTestSuccess"
}
```

Script block:

```
<script>
//<![CDATA[

function onTestFailure(xhr, status, error) {

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

// TODO: make me pretty
    alert(error);
}

function onTestSuccess(data, status, xhr) {

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

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

Receive JSON data within OnComplete event function in Ajax.Beginform

Solution

Problem

Related problems