Products

Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller

Developer

Article Blog Forum Interview Beginner News Startup Quiz

Users

Career

Apply Job Internship

Pricing

Login Sign Up Get a Quote

How can I dynamically get data from ASP.NET MVC controller to jQuery?

Manish Kumar 1843 11 Jun 2017

I have a jQuery function that on the click of a div element, gets that elements predefined ID value. What I want to do is load that parent elements children, so I'm planning to dynamically build some html using jQuery. What I don't know how to do, is make a call to a controller (mvc) and have the controller return a collection to the client.

I know how to send a JSON object from jQuery to a controller, but not the other way around.

Thanks in advance!

Ask by Manish Kumar

Updated 11 Jun 2017

1 Answers

Sunil Singh 11 Jun 2017 Accepted Answer

View jquery code
  
$.ajax({
         
url: '@Url.Action("GetData", "Home")',
         
type: "GET",
         
success: function (result) {
              $("#somediv").append(result.FirstName);
              $("#somediv").append(result.LastName);
              $("#somediv").append(result.Age);
         
}
      });

Class code is

public class User
       
{
            public string FirstName { get; set; }
            public string LastName { get; set; }
        }

your action should look like this

public JsonResult
GetData()  
{
   User user = new User();
  
user.FirstName = "Mindstick";
  
user.LastName = "Software";
  
user.Age = 100;
 
   return Json(user, JsonRequestBehavior.AllowGet);
}

Hope this will helps you..

advertising

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.