新建一个空的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. 【iCore2双核心板视频教程三】iM_LAN 100M 以太网模块TCP压力测试（更新视频教程）

    ============================== 技术论坛:http://www.eeschool.org 博客地址:http://xiaomagee.cnblogs.com 官方网店:h ...

  2. PHP 错误与异常 笔记与总结（10）错误处理器测试

    关联文件:myErrorHandler.php (上一篇) 先测试通知级别的错误的自定义处理: testErrorHandler.php <?php require_once 'myErrorH ...

  3. UIButton的遍历

    for (id obj in self.view.subviews) {                if ([obj isKindOfClass:[UIButton class]]) {      ...

  4. Linux下查找包含BOM头的文件和清除BOM头命令 2014-08-16 12:30:50

    Linux下查找包含BOM头的文件和清除BOM头命令 2014-08-16 12:30:50 分类: 系统运维 查找包含BOM头的文件,命令如下: 点击(此处)折叠或打开 grep -r -I -l ...

  5. typecho插件编写教程1 - 从HelloWorld说起

    typecho插件编写教程1 - 从HelloWorld说起 老高 187 5月25日 发布 推荐 0 推荐 收藏 2 收藏,189 浏览 最近老高正在编写一个关于typecho的插件,由于typec ...

  6. Oracle Merge Into 用法详解

    原文:http://blog.csdn.net/EdgenHuang/article/details/3587912 Oracle9i引入了MERGE命令,你能够在一个SQL语句中对一个表同时执行in ...

  7. Win2008R2 zip格式mysql 安装与配置

    一.百度mysql5.6 ZIP 64位免安装版  下载好后 解压到D盘下 二.可以考虑修改my.ini里面的配置   character-set-server=utf8   这句是编码格式设定   ...

  8. 验证码识别 edge enhancement - 轮廓增强 region finding - 区域查找

    Computer Science An Overview _J. Glenn Brookshear _11th Edition The task of understanding general im ...

  9. 纯C++文件调用MFC类

    在VS2008中 将预编译头属性 由 不使用预编译头 改成 使用使用预编译头 在响应的.cpp文件的最前面 #include "stdafx.h"

  10. BLE-NRF51822教程17-DFU使用手机升级

    演示的工程是 [application]    nRF51_SDK_10.0.0_dc26b5e\examples\ble_peripheral\ble_app_hrs\pca10028\s110_w ...