jquery:大家一定很熟悉,就算没用过,也应该听说过,不多做介绍,不知道的赶紧google一下.
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.易于人阅读和编写.同时也易于机器解析和生成.它基于JavaScript(Standard ECMA-262 3rd Edition - December 1999)的一个子集. JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等).这些特性使JSON成为理想的数据交换语言.
jquery和json都是因为小与巧而被广泛使用,今天把她们弄到一起,大家应该没意见吧.
废话了一把,现在言归正传,
通过这篇文章你可以得到以下收获:
1.jqury如何用ajax的形式调用后台asp.net页面生成的json数据
2.jquery简单的dom操作
3.送本jquery的开发手册给大家(大家慢慢去研究:JQuery中文入门指南)
4.JSON Demo测试(漫步者花园网站左侧分类列表 JSP+JQUERY+JSON)
准备工作:
首先,我们新建个网站(.net2.0就行,当然JSP\PHP\ASP\CGI都可以).
1.在我们的项目中jquery的js文件.
2.新建一个htm文件,命名为dome.htm吧.
代码如下:(head区的js代码就是实现的全部代码,有详细注释)
Code
<!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>
<script type="text/javascript">
function getData(){
$("#list").html("");//清空列表中的数据
//发送ajax请求
$.getJSON(
"jsondata.ashx",//产生JSON数据的服务端页面
{name:"test",age:20},//向服务器发出的查询字符串(此参数可选)
//对返回的JSON数据进行处理,本例以列表的形式呈现
function(json){
//循环取json中的数据,并呈现在列表中
$.each(json,function(i){
$("#list").append("<li>name:"+json[i].name+" Age:"+json[i].age+"</li>")
})
})
}
</script>
</head>
<body>
<input id="Button1" type="button" value="获取数据" onclick="getData()" />
<ul id="list"></ul>
</body>
</html>
3.我们再建一个一般应用程序(jsonData.ashx)
代码如下:
Code
<%@ WebHandler Language="C#" Class="jsonData" %>
using System;
using System.Web;
public class jsonData : IHttpHandler {
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
string data = "[{name:"ants",age:24},{name:"lele",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): (可选) 当数据装入完成时执行的函数.
此外jQuery还有$.ajax方法,$.get方法和$.post方法都提供对json的支持
jQuery api 下载
站内更多jquery与json的笔记
分享到:
相关推荐
NULL 博文链接:https://wy649898543.iteye.com/blog/1840580
Struts1.3+Hibernate3.2+Spring2.5+JQuery1.3
获取JSON数据,返回Table标签的简单例子
ajax,jQuery 例子大全,json例子,入门到精通的都在里面。 还有javascript帮助文档
jquery ajax json 的例子
Struts2 JQueryJson例子 .rar Struts2 JQueryJson例子 .rar
Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON
jquery+ajax+json例子,是一个web例子
json + struts2 + 80个JQuery 效果 个例子
本人折腾了两天才探索出来的, 程序简单,客服端通过jquery的getJSON函数请求PHP服务端,服务端返回一个二维数组,客户端把结果经简单处理打印出来。此例非常经典,初学者看了可以少走很多弯路(因为那些弯路我帮你...
JQuery getJSON() 调用Servlet简单例子
一个简单的struts2+json+jquery 交互的例子,记得把Tomcat依赖加入到工程中
用Velocity自己改装的jquery+json+springMVC+ibatis简单例子 希望能帮到大家
JS,JQuery操作JSON,实现数组对象的增删改查,html格式的例子,
使用jquery和json制作省市级联下拉菜单,是同学们学习jquery的绝好范例,要知道,使用jquery从后台往前台传递包含对象的list集合通常是要解析为json对象,这是个很好的例子,希望对同学们有所帮助。该范例包含json...
最近在学习一个jquery插件-Json2Template,发现网上现成的例子完整的项目很少,所以自己写了一个
json_jsp_jQuery 无刷新登录,客户端传出数据,传回json的值,解析成介绍对象
这是前台用jsp页面,并应用jquery、easyui、ajax、struts2技术,以json数据格式传输的一个登录例子
自己整理的jquery+json+struts2异步传输的例子,包括异步提交form,异步传输json对象。