Return an array as result of jquery ajax function

Question

I want to return an array from controller to view by ajax call, and my array is a generic array (a list of objects such as an instance of Employee class).

I want loop on result and have access to objects property such as Name, and I do not know, how can I return generic array for result from C# action (json or ...) ,

What is the return type of action?

This is my code:

$.ajax({
url: '@Url.Action("EditDayRequest", "Message")',
type: 'Post',
cache: false,
data: { IsChecked: $(this).is(':checked')},
success: function (result) {
// i want to loop here on returned array and get values
}

Shyju · Accepted Answer · 2013-02-09 15:08:51Z

2

Assuming your Customer ViewModel looks like this

public class CustomerVM
{
   public string Name { set;get;}
   public string JobTitle { set;get;}
}

You can return Json from your Action method using the Json method.

[HttpPost]
public ActionResult EditDayRequest()
{
  var customerArray=GetCustomerArrayFromSomewhere();
  return Json(new { Items=customerArray.ToList()});
}

And in your success callback, you can loop thru the Items

success:function(result){
   $.each(result.Items,function(index,item){
       alert(item.Name);
       alert(item.JobTitle);
   });

}

answered Feb 9, 2013 at 15:08

Shyju

220k106 gold badges420 silver badges499 bronze badges

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

Collectives™ on Stack Overflow

Return an array as result of jquery ajax function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related