新建一个空的Web项目，名称JsonServer，该网页实现Ajax数据请求和响应。

添加Newtonsoft.Json.dll的Dll引用，添加JQuery API文件，目录结构如下：

新建一个Person类

 using System;

 using System.Collections.Generic;

 using System.Linq;

 using System.Web;

 /// <summary>

 ///Person 的摘要说明

 /// </summary>

 /// <summary>

 /// 包含用户的基本信息

 /// </summary>

 public class Person

 {

     /// <summary>

     /// 获取或设置用户名

     /// </summary>

     public string Name { get; set; }

     /// <summary>

     /// 获取或设置用户年龄

     /// </summary>

     public int Age { get; set; }

     /// <summary>

     /// 获取或设置用户性别

     /// </summary>

     public string Gender { get; set; }

     /// <summary>

     /// 获取或设置用户国籍

     /// </summary>

     public string Country { get; set; }

     /// <summary>

     /// 获取或设置用户电子邮箱

     /// </summary>

     public string Email { get; set; }

 }

Person

新建一个数据操作类PersonRepository

 using System;

 using System.Collections.Generic;

 using System.Linq;

 using System.Web;

 /// <summary>

 ///Class1 的摘要说明

 /// </summary>

 /// <summary>

 /// 用户操作类

 /// </summary>

 public class PersonRepository

 {

     /// <summary>

     /// 获取用户列表

     /// </summary>

     /// <returns>所有用户信息</returns>

     public static List<Person> GetPersons()

     {

         List<Person> ps = new List<Person>();

         Person p1 = new Person { Name = "Tom", Age = , Country = "US", Gender = "Male", Email = "tom@gmail.com" };

         Person p2 = new Person { Name = "Jack", Age = , Country = "UK", Gender = "Male", Email = "jack@gmail.com" };

         Person p3 = new Person { Name = "Eden", Age = , Country = "Canada", Gender = "Female", Email = "eden@gmail.com" };

         Person p4 = new Person { Name = "Li Hua", Age = , Country = "China", Gender = "Male", Email = "lihui@163.com" };

         Person p5 = new Person { Name = "Lvo", Age = , Country = "US", Gender = "Male", Email = "lvo@gmail.com" };

         ps.Add(p1);

         ps.Add(p2);

         ps.Add(p3);

         ps.Add(p4);

         ps.Add(p5);

         return ps;

     }

 }

PersonRepository

新建一个一般处理程序PersonHandler

 <%@ WebHandler Language="C#" Class="PersonHandler" %>

 using System;

 using System.Web;

 using System.Collections.Generic;

 using Newtonsoft.Json;

 /// <summary>

 /// 处理用户类的请求

 /// </summary>

 public class PersonHandler : IHttpHandler

 {

     public void ProcessRequest(HttpContext context)

     {

         List<Person> persons = PersonRepository.GetPersons();

         string json = JsonConvert.SerializeObject(persons);

         context.Response.Write(json);

     }

     public bool IsReusable

     {

         get

         {

             return false;

         }

     }

 }

PersonHandler

添加一个Demo.html页面：

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

     <title></title>

 </head>

 <body>

 <div>

         <table border="">

             <thead>

                 <tr>

                  <td>

                         用户名

                     </td>

                  <td>

                         年龄

                     </td>

                  <td>

                         性别

                     </td>

                  <td>

                         国籍

                     </td>

                  <td>

                         电子邮箱

                     </td>

                 </tr>

             </thead>

             <tbody id="personBody">

             </tbody>

         </table>

     </div>

 <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

     <script type="text/javascript">

         $(function () {

             $.getJSON("PersonHandler.ashx", function (data, status) {

                 if (status == "success") {

                     $.each(data, function (index, item) {

                         var beginTag = "<tr><td>";

                         var endTag = "</td></tr>";

                         var tag = "</td><td>";

                         $("#personBody").append($(beginTag + item.Name + tag + item.Age + tag + item.Gender + tag

                         + item.Country + tag + item.Email + endTag));

                     });

                 }

             });

         });

     </script>

 </body>

 </html>

demo.htm

运行程序，在浏览器中查看Demo.html页面：

Json.Net Demo2的更多相关文章

  1. webpack02

    consumer-index.html <!DOCTYPE html> <html lang="en"> <head> <meta cha ...

  2. angularJS入门小Demo2 【包含不用数据库而用data.json格式响应前台的ajax请求方式测试】

    事件绑定: <html> <head> <title>angularJS入门小demo-5 事件指令</title> <script src=&q ...

  3. js中eval详解，用Js的eval解析JSON中的注意点

    先来说eval的用法,内容比较简单,熟悉的可以跳过eval函数接收一个参数s,如果s不是字符串,则直接返回s.否则执行s语句.如果s语句执行结果是一个值,则返回此值,否则返回undefined. 需要 ...

  4. Python全栈--7模块--random os sys time datetime hashlib pickle json requests xml

    模块分为三种: 自定义模块 内置模块 开源模块 一.安装第三方模块 # python 安装第三方模块 # 加入环境变量 : 右键计算机---属性---高级设置---环境变量---path--分号+py ...

  5. jQuery form插件的使用--处理server返回的JSON， XML，HTML数据

    详细代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> & ...

  6. http://www.bejson.com/go.html?u=http://www.bejson.com/demo2.html

    json 解析工具http://www.bejson.com/go.html?u=http://www.bejson.com/demo2.html

  7. 通过Jquery中Ajax获取json文件数据

    1. JSON(JavaScript Object Notation): javaScript对象表示法: 是存储和交换文本信息的语法,比xml更小,更快,更易解析. 2. JSON基本书写格式 : ...

  8. CI笔记6 json 传值

    CI3.x 使用json,配合easyui, 其实很简单,走了很多的弯路, 首先在ci的控制器重,建立2个方法,一个用于显示加载view,一个用于echo json,就可以了. 需要注意的是,在ci的 ...

  9. C# Json反序列化处理

    最近换工作了 从客户端转到Web端 第一个任务就是去别人的页面上抓取数据 用到的是JSON 因为他们网站json的格式有点怪 所以 就在JSON反序列化上面 花了一点时间 首先用到的工具是http:/ ...

随机推荐

  1. 用Editplus开发Java

    ☆ 准备工作 ①,已安装好jdk,同时配置系统变量(3个,JAVA_HOME,PATH,CLASSPATH) ②,电脑已安装Editplus,并做好设置. ☆ Editplus配置java开发环境 对 ...

  2. HDU 2795 Billboard（线段树的另类应用）

    Billboard Time Limit: 20000/8000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Total ...

  3. svn搭建，很简单

    yum install subversion 2015年1月7日15:23:07 我测试的时间 系统是centos6.5 直接yum,centos是可以直接解决apr apr-util 依赖问题,如果 ...

  4. hrbust oj 1526+2028 树状数组

    冒泡排序中 如果一个数的后面的某个数和这个数不符合排序规则 那么这个数就会在未来的某次冒泡中与那个数进行交换 这里用到了 树状数组求逆序数的办法来做 需要注意的是2028并不可以改完数组大小后直接套1 ...

  5. [IT新应用]存储入门-文件级存储及块级别存储的选择

    http://www.techrepublic.com/blog/the-enterprise-cloud/block-level-storage-vs-file-level-storage-a-co ...

  6. [ZZ] 在windows上编译Mesa3d opengl32库

    在windows上编译Mesa3d opengl32库 cheungmine http://blog.csdn.net/ubuntu64fan/article/details/8061475 Mesa ...

  7. HTML: xhtml和html的區別

    XHTML 与 HTML 4.01 标准没有太多的不同. 另外,你应该马上使用小写字母编写HTML代码,同时绝不要养成忽略类似 </p> 标签的坏习惯. 最主要的不同: XHTML 元素必 ...

  8. Linguistic corpora 种子语料库-待分析对象-分析与更新语料库

    Computational Linguistics http://matplotlib.org/ https://github.com/matplotlib/matplotlib/blob/maste ...

  9. overloading

    Computer Science An Overview _J. Glenn Brookshear _11th Edition_C Many programming languages allow t ...

  10. jq each 用法以及js与json互转

    $(function(){ var json = '[{"id":"1","tagName":"apple"},{&qu ...