Get Json array from C# List object. JSON string that we often use as object in JavaScript code, can be generated from C# code.
Here we learn how to work with JSON object, convert C# object list to json array, JSON Serialization and De-serialization, Posting JSON string using Jquery and Picking element from JSON object and displaying on GUI
<=
Click the button
On click of above “Call JSON String Example” button, we have made a server side call using Jquery, and got the a JSON String.
Now let's look at the implementation
Here is the server side method written in controller
public string getBlogsJson() { string jsonString=null; List <blogObj> blogs = new List <blogObj>(); blogs.Add(new blogObj() { title = "blog number 1", shortinfo = "short info 1" }); blogs.Add(new blogObj() { title = "blog number 2", shortinfo = "short info 2" }); blogs.Add(new blogObj() { title = "blog number 3", shortinfo = "short info 3" }); blogs.Add(new blogObj() { title = "blog number 4", shortinfo = "short info 4" }); blogs.Add(new blogObj() { title = "blog number 5", shortinfo = "short info 5" }); blogs.Add(new blogObj() { title = "blog number 6", shortinfo = "short info 6" }); jsonString = JsonConvert.SerializeObject(blogs); return jsonString; }
Notice, how to use SerializeObject method in c# code, method returns json string jsonString = JsonConvert.SerializeObject(blogs);
.
Making JSON Call to Server
This is how my client side JavaScript call will look like
<script> $(function () { $("#btnJSONCall").click(function (event) { // alert("json call"); $.ajax({ type: "POST", // or GET url: "@Url.Action("GetBlogList", "json")", // data: "param1=someThing", success: function (data) { $("#dvJsonElement").text(data); }, error: function () { // something's gone wrong. } }); //event.preventDefault(); // stop the browser following the link }); }); <script>
Finally just create a button with id "btnJSONCall", Done!
This is an example of getting collection object in form of JSON string in Asp.net