ajax in asp.net mvc 2

Question

I am using the microsoft ajax and the ajax form looks like this

<% using (Ajax.BeginForm("UserListing", new AjaxOptions
   {
       UpdateTargetId = "results",
       OnComplete = "getData"
   }))
   {%>
<input id="Submit1" type="submit" value="submit" />
<%} %>

Now, i get the getData() js function called upon completion of the ajax request. all i want is that i need to access the response data of this ajax request inside this function and prevent that data being directed to the div with id results.

Thats because i am returning json result from the controller's action method and i need to parse it and display in the div.

script function is :

<script type="text/javascript">
    function getData() {
        alert("Response is : ");
    }
</script>

the div tag is :

 <div id="results">
</div>

I do not want to use other than microsoft ajax. kindly suggest me accordingly.

tobias86 · Accepted Answer · 2011-03-24 07:08:46Z

1

You could try rendering the response of the ajax request in a partial view containing only hidden fields. Then in your js function you can access the hidden fields using jQuery selectors.

So your action would look something like

[HttpPost]
public ActionResult UserListing()
{
    List<string> data = GetUserListing();
    return PartialView(data);
}

Your partial view will then only contain hidden fields that you render something like:

<% for (int i = 0; i < Model.Count(); i++)
   { %>
       <input id="<%: "User" + i.ToString() %>" type="hidden" value="<%: Model[i] %>" />
<% } %>

That will render as:

<input id="User0" type="hidden" value="PeterSmith" />

Then in your javaScript function you can access each of the fields by doing something like:

function getData() {
    var user = $('#User0').val();
    alert(user);
}

That will show you the first field rendered. But you can enhance it a bit by looping through all the injected input fields.

edited Mar 24, 2011 at 7:08

answered Mar 24, 2011 at 6:54

tobias86

5,0291 gold badge23 silver badges31 bronze badges

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

5 Comments

Saravanan Over a year ago

please note that i was able to get the textual representation of the data via the following code. ` function getData(context) { var ob = new Object(); ob = context.get_data(); alert(ob[0]); }` Now i am looking to parse the text as a Json object. If you have any idea, please tell me.

tobias86 Over a year ago

Hmm..what does the textual representation look like? Are you trying to access an individual item in the data returned from the UserListing action?

tobias86 Over a year ago

You could try something like : 'var myObject = JSON.parse(myJSONtext);'

Saravanan Over a year ago

of course, i have the entire thing in text format and then use the eval() to get the json object then iterate it in for loop like in this code

var ob = new Object();             ob = eval(context.get_data());             for (var i = 0; i < ob.length; i++) {....}..

I have difficutly in parsing the date in json format. do you have any json parsers that can work out the right way..

tobias86 Over a year ago

@saranavan: maybe check out this post: link

Saravanan · Accepted Answer · 2011-03-24 10:59:21Z

0

Corrected this problem by myself as explained above. need some json parsers, currently looking for those..

answered Mar 24, 2011 at 10:59

community wiki

Saravanan

1 Comment

Yngve B-Nilsen Over a year ago

check out this one: code.google.com/p/jsonovich/source/browse/trunk/modules/…

Collectives™ on Stack Overflow

ajax in asp.net mvc 2

2 Answers 2

5 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related