您的位置：首页 > Web前端 > JQuery

转摘 JQUERY操作JSON例子

2011-12-08 14:00 337 查看

jquery:大家一定很熟悉，就算没用过，也应该听说过，不多做介绍，不知道的赶紧google一下。
json:一种数据格式，她小巧，轻盈。在javascript的世界中，完胜XML。
jquery和json都是因为小与巧而被广泛使用，今天把她们弄到一起，大家应该没意见吧。<!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>jquery获取json数据演示页面</title>
<script type="text/javascript" src="js/jquery-1.2.1.pack.js"></script>
</head>
<body>
<input id="Button1" type="button" value="获取数据" onclick="getData()" />
<ul id="list"></ul>
</body>
</html>
3.我们再建一个一般应用程序（jsonData.ashx）
代码如下：
<%@ WebHandler Language="C#" Class="jsonData" %>

using System;
using System.Web;

public class jsonData : IHttpHandler {
{
{
{
return false;
}
}

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

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

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

2，后台调试的数据：

好啦，这篇文章就写到这。
附上jquery的开发手册：jqueryapi12.rar（这个手册本身就是基于jquery做的，，很漂亮）
文字显得有点啰嗦，应该没走题，请大家给个及格分啦，

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航