jquery+asp.net操作json数据的示例

来源：互联网发布：光纤网络发射器编辑：程序博客网时间：2024/05/16 02:07

本文和大家探讨下如何使用jquery+asp.net来操作json数据。json现在是挺流行的一种数据格式，好多人喜欢用json来替换xml，下面开始吧。

首先，我们新建个网站（.net2.0就行）.
1.在我们的项目中jquery的js文件。
2.新建一个htm文件，命名为dome.htm吧。
代码如下：（head区的js代码就是实现的全部代码，有详细注释）

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

<head>

<title>jquery获取json数据演示页面</title>

function getData() {

$("#list").html(""); //清空列表中的数据

//发送ajax请求

$.getJSON(

"JsonData.ashx", //产生JSON数据的服务端页面

{name: "张三", age: 33}, //向服务器发出的查询字符串（此参数可选）

//对返回的JSON数据进行处理，本例以列表的形式呈现

function(json) {

//循环取json中的数据,并呈现在列表中

$.each(json, function(i) {

$("#list").append("<li>name:" + json[i].name + "  Age:" + json[i].age + "</li>")

})

}

</script>

</head>

<body>

</ul>

</body>

</html>

3.我们再建一个一般应用程序（jsonData.ashx）
代码如下：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

namespace TestWebApp

{

public class JsonData : IHttpHandler

{

public void ProcessRequest(HttpContext context)

{

context.Response.ContentType = "text/plain";

string data = "[{name:/"aaaa/",age:24},{name:/"bbbb/",age:23}]";//构建的json数据

//下面两句是用来测试前台向此页面发出的查询字符

string querystrname = context.Request.QueryString.GetValues("name")[0];//取查询字符串中namer的值

string querystage = context.Request.QueryString.GetValues("age")[0];//取查询字符串中age的值

context.Response.Write(data);

}

public bool IsReusable

{

get

{

return false;

}

对以上的内容我只说一点，那就是前台页面中的$.getJSON方法

$.getJSON(url, params, callback)
用一个HTTP GET请求一个JavaScript JSON数据
返回值：XMLHttpRequest
参数：
url (String): 装入页面的URL地址。
params (Map): （可选）发送到服务端的键／值对参数。
callback (Function): （可选）当数据装入完成时执行的函数.

下面贴一些运行成功的图:
1.运行结果

2、在JsonData.ashx设置里断点，运行Dome.htm时，会看到前台向此页面发出的查询字符（querystrname，querystage ）：

修改自：http://www.caichong.net/html/128129595125783.html