新建一个空的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. Linux常用命令(持续更新中)

    cd 目录名 :进入某个目录 ls :列出当前目录的内容 locate 文件名/目录名:寻找文件.目录 find 目录名1 -name 文件名/目录名2 :在目录1中寻找目录2 whereis  文件 ...

  2. The content of element type "configuration" must match "(properties?,settings?,typeAliases?,typeHandlers?,objectFactory?...

    <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE configuration PUBLIC & ...

  3. 投芯片，现在要n+1模式

    给坚持理想的屌丝点个赞.投芯片,现在要n+1模式,n个小项目+一个大项目.团队是基础,屌丝创业要以营利为先导,先要短快,同时要有并行的大项目支撑.小项目赚的钱先解决面包问题,同时为大项目锻炼队伍积累经 ...

  4. Grand Theft Auto V （侠盗列车手5）图形研究

    原文地址:http://www.adriancourreges.com/blog/2015/11/02/gta-v-graphics-study/   原文的简介: GTA(侠盗猎车)系列自从1997 ...

  5. 合金装备V 幻痛 制作技术特辑

    合金装备V:幻痛 制作特辑 资料原文出自日版CGWORLD2015年10月号   在[合金装备4(Metal Gear Solid IV)]7年后,序章作品[合金装备5 :原爆点 (Metal Gea ...

  6. JS Date函数操作

    1. 补充Format函数 // common functionsstart Date.prototype.Format = function(fmt) { //author: meizz var o ...

  7. EditPlus使用心得及常用快捷键

    下载好烈火版EditPlus_4.00.465_SC  然后去官网下载自动补全ACP文件  我用的是php_stx_acp.zip  解压到editplus4主目录下 然后打开软件-设置-参数 先调字 ...

  8. MySQL binlog-do-db选项是危险的

    很多人通过 binlog-do-db, binlog-ignore-db, replicate-do-db 和   replicate-ignore-db 来过滤复制(某些数据库), 尽管有些使用, ...

  9. Bluetooth GATT介绍

    目录 1. 介绍 2 内容 2.1 Configured Broadcast 2.2 GATT Profile Hierarchy 3 Service Interoperability Require ...

  10. ubuntu navicat

    接下来是从网络上下载Chrome对应是版本的包,小编的系统是64位的,因此,执行:wget https://dl.google.com/linux/direct/google-chrome-stabl ...