jQuery getJSON 处理json数据的代码


Posted in Javascript onJuly 26, 2010

Html代码:

<script type="text/javascript" src="/js/jquery-1.4.js"></script> 
<script type="text/javascript"> 
function jsonTest1() 
{ 
$.ajax({ 
url:"Handler.ashx", 
data:{"type":"ajax"}, 
datatype:"json", 
type:"get", 
success:function(data) 
{ 
document.getElementById('div1').innerHTML=data;//因为mime类型是文本 所以返回回来的是json格式的字符串 
} 
}); 
} 
function jsonTest2() 
{ 
$.getJSON( 
'Handler.ashx', 
{'type': 'json','name':'qixuejia' }, //类型格式 
function(data) 
{ 
for(var i=0;i<data.length;i++) 
{ 
alert(data[i]["UserId"]) 
} 
} 
); 
} 
</script> 
<form id="form1" runat="server"> 
<div id="div1"> 
</div> 
<input type="button" value="jQuery.ajax()" onclick="jsonTest1()"/> 
<input type="button" value="jQuery.getJSON()" onclick="jsonTest2()"/> 
</form>

Ashx处理程序:如果需要返回json格式的对象,需要把mime类型设置为:"application/json"。
查看jQuery源文件,可以看出getJSON这样实现的:
getJSON: function( url, data, callback ) {
return jQuery.get(url, data, callback, "json");
},
public void ProcessRequest(HttpContext context) 
{ 
if (context.Request.Params["type"].Equals("ajax")) 
{ 
context.Response.ContentType = "text/plain"; 
} 
else 
{ 
context.Response.ContentType = "application/json"; 
} 
GetInfo(context); 
} 
public bool IsReusable 
{ 
get 
{ 
return false; 
} 
} 
public void GetInfo(HttpContext context) 
{ 
System.Collections.Generic.List<UserInfo> listUser = UserInfoManage.GetUserInfoBySQL("Select Top 5 * From Userinfo"); 
IsoDateTimeConverter timeConverter = new IsoDateTimeConverter(); 
timeConverter.DateTimeFormat = "yyyy'-'MM'-'dd' 'HH':'mm':'ss"; 
string ResJsonStr = JsonConvert.SerializeObject(listUser, timeConverter); 
context.Response.Write(ResJsonStr); 
}
Javascript 相关文章推荐
JavaScript 10件让人费解的事情
Feb 15 Javascript
DLL+ ActiveX控件+WEB页面调用例子
Aug 07 Javascript
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
Nov 21 Javascript
javaScript(JS)替换节点实现思路介绍
Apr 17 Javascript
javascript闭包传参和事件的循环绑定示例探讨
Apr 17 Javascript
JavaScript中的null和undefined区别介绍
Jan 01 Javascript
js实现人才网站职位选择功能的方法
Aug 14 Javascript
js使用cookie记录用户名的方法
Nov 26 Javascript
表格展示利器 Bootstrap Table实例代码
Sep 06 Javascript
vuex中使用对象展开运算符的示例
Sep 25 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
Jan 21 jQuery
vue mounted 调用两次的完美解决办法
Oct 29 Javascript
基于jQuery的可以控制左右滚动及自动滚动效果的代码
Jul 25 #Javascript
用jquery实现下拉菜单效果的代码
Jul 25 #Javascript
利用腾讯的ip地址库做ip物理地址定位
Jul 24 #Javascript
利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
Jul 24 #Javascript
来自qq的javascript面试题
Jul 24 #Javascript
6个DIV 135或246间隔一秒轮番显示效果
Jul 24 #Javascript
js获取元素在浏览器中的绝对位置
Jul 24 #Javascript
You might like
phpwind中的数据库操作类
2007/01/02 PHP
PHP小教程之实现双向链表
2014/06/12 PHP
高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现
2010/06/19 Javascript
再说AutoComplete自动补全之实现原理
2011/11/05 Javascript
JavaScript代码应该放在HTML代码哪个位置比较好?
2014/10/16 Javascript
浅谈Sizzle的“编译原理”
2015/04/14 Javascript
前端js文件合并的三种方式推荐
2016/05/19 Javascript
通过jquery实现页面的动画效果(实例代码)
2016/09/18 Javascript
利用jQuery实现一个简单的表格上下翻页效果
2017/03/14 Javascript
angular-cli修改端口号【angular2】
2017/04/19 Javascript
Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数
2017/09/11 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
2018/10/12 Javascript
在Python中操作字典之update()方法的使用
2015/05/22 Python
基于Python实现一个简单的银行转账操作
2016/03/06 Python
Flask解决跨域的问题示例代码
2018/02/12 Python
python生成tensorflow输入输出的图像格式的方法
2018/02/12 Python
基于python log取对数详解
2018/06/08 Python
python通过zabbix api获取主机
2018/09/17 Python
python实现桌面托盘气泡提示
2019/07/29 Python
利用python读取YUV文件 转RGB 8bit/10bit通用
2019/12/09 Python
Python进行统计建模
2020/08/10 Python
前端制作动画的几种方式(css3,js)
2016/12/12 HTML / CSS
关于HTML5的安全问题开发人员需要牢记的
2012/06/21 HTML / CSS
常用的HTML5列表标签
2017/06/20 HTML / CSS
VICHY薇姿美国官方网站:欧洲药房第一的抗衰老品牌
2017/11/22 全球购物
Charlotte Tilbury澳大利亚官网:英国美妆品牌
2018/10/05 全球购物
欧洲、亚洲、非洲和拉丁美洲的度假套餐:Great Value Vacations
2019/03/30 全球购物
拉斯维加斯城市观光通行证:Las Vegas Pass
2019/05/21 全球购物
SOKOLOV官网:俄罗斯珠宝首饰品牌
2021/01/02 全球购物
简单叙述一下MYSQL的优化
2016/05/09 面试题
院领导写的就业推荐信
2014/03/09 职场文书
年会主持词结束语
2014/03/27 职场文书
孝敬父母的活动方案
2014/08/28 职场文书
“四风”查摆问题自我剖析材料
2014/09/27 职场文书
生日赠语
2015/06/23 职场文书
分析设计模式之模板方法Java实现
2021/06/23 Java/Android