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 相关文章推荐
js右键菜单效果代码
Jul 21 Javascript
javascript定时变换图片实例代码
Mar 17 Javascript
Jquery操作下拉框(DropDownList)实现取值赋值
Aug 13 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
Sep 05 Javascript
AngularJS 单元测试(一)详解
Sep 21 Javascript
jQuery解析XML 详解及方法总结
Sep 28 Javascript
javascript事件的绑定基础实例讲解(34)
Feb 14 Javascript
xmlplus组件设计系列之文本框(TextBox)(3)
May 03 Javascript
详解Vue.js搭建路由报错 router.map is not a function
Jun 27 Javascript
原生js jquery ajax请求以及jsonp的调用方法
Aug 04 jQuery
Vue中rem与postcss-pxtorem的应用详解
Nov 20 Javascript
原生js实现照片墙效果
Oct 13 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
php抓取https的内容的代码
2010/04/06 PHP
功能强大的php文件上传类
2016/08/29 PHP
PHP读取文件的常见几种方法
2016/11/03 PHP
PHP封装的验证码工具类定义与用法示例
2018/08/22 PHP
如何通过PHP实现Des加密算法代码实例
2020/05/09 PHP
自己的js工具_Form 封装
2009/08/21 Javascript
jQuery 渐变下拉菜单
2009/12/15 Javascript
24款非常有用的 jQuery 插件分享
2011/04/06 Javascript
让你的CSS像Jquery一样做筛选的实现方法
2011/07/10 Javascript
javascript+xml实现简单图片轮换(只支持IE)
2012/12/23 Javascript
jQuery实现隔行背景色变色
2014/11/24 Javascript
浅谈AngularJS中ng-class的使用方法
2016/11/11 Javascript
微信小程序开发之录音机 音频播放 动画实例 (真机可用)
2016/12/08 Javascript
JS 学习总结之正则表达式的懒惰性和贪婪性
2017/07/03 Javascript
Vue封装Swiper实现图片轮播效果
2018/02/06 Javascript
Javascript 之封装(Package)
2018/09/14 Javascript
关于JavaScript 数组你应该知道的事情(推荐)
2019/04/10 Javascript
vue设置动态请求地址的例子
2019/11/01 Javascript
基于ajax及jQuery实现局部刷新过程解析
2020/09/12 jQuery
[02:31]2014DOTA2国际邀请赛2009专访:干爹表现出乎意料 看好DK杀回决赛
2014/07/20 DOTA
[01:24:16]2018DOTA2亚洲邀请赛 4.6 全明星赛
2018/04/10 DOTA
[53:38]OG vs LGD 2018国际邀请赛淘汰赛BO3 第三场 8.26
2018/08/30 DOTA
在Python的Django框架中调用方法和处理无效变量
2015/07/15 Python
TensorFlow搭建神经网络最佳实践
2018/03/09 Python
Pytorch使用MNIST数据集实现CGAN和生成指定的数字方式
2020/01/10 Python
python随机模块random的22种函数(小结)
2020/05/15 Python
python实现文法左递归的消除方法
2020/05/22 Python
美国女鞋品牌:naturalizer(娜然)
2016/08/01 全球购物
Oakley西班牙官方商店:太阳眼镜和男女运动服
2019/04/26 全球购物
护理专业学生的求职信范文
2013/12/11 职场文书
伊琍体标语
2014/06/25 职场文书
2015年党员个人自我评价
2015/03/03 职场文书
收入证明范本
2015/06/12 职场文书
2015少先队大队辅导员工作总结
2015/07/24 职场文书
保护环境建议书作文400字
2015/09/14 职场文书
技术入股合作协议书
2016/03/21 职场文书