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 25 Javascript
js 金额文本框实现代码
Feb 14 Javascript
JavaScript高级程序设计(第3版)学习笔记7 js函数(上)
Oct 11 Javascript
jquery统计复选框选中示例
Nov 05 Javascript
js创建元素(节点)示例
Jan 02 Javascript
JQuery插件Quicksand实现超炫的动画洗牌效果
May 03 Javascript
JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
Jul 01 Javascript
JS调用打印机功能简单示例
Nov 28 Javascript
canvas基础绘制-绚丽倒计时的实例
Sep 17 Javascript
微信小程序实现炫酷的弹出式菜单特效
Jan 28 Javascript
vuejs+element UI table表格中实现禁用部分复选框的方法
Sep 20 Javascript
如何在Node和浏览器控制台中打印彩色文字
Jan 09 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 n个不重复的随机数生成代码
2009/06/23 PHP
php实现CSV文件导入和导出
2015/10/24 PHP
php版微信公众号接口实现发红包的方法
2016/10/14 PHP
Yii2配置Nginx伪静态的方法
2017/05/05 PHP
PHP编程实现微信企业向用户付款的方法示例
2017/07/26 PHP
不一样的文字闪烁 轮番闪烁
2009/11/11 Javascript
jquery ajax请求实例深入解析
2012/11/26 Javascript
js中escape对应的C#解码函数 UrlDecode
2012/12/16 Javascript
用nodejs实现PHP的print_r函数代码
2014/03/14 NodeJs
js实例属性和原型属性示例详解
2014/11/23 Javascript
js实现图片无缝滚动
2015/12/23 Javascript
js给table赋值的实例代码
2016/10/13 Javascript
Vue.js 插件开发详解
2017/03/29 Javascript
如何提升vue.js中大型数据的性能
2019/06/21 Javascript
angularjs1.X 重构controller 的方法小结
2019/08/15 Javascript
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
2019/09/28 Javascript
Vue实现计算器计算效果
2020/08/17 Javascript
[40:13]Ti4 冒泡赛第二天 iG vs NEWBEE 2
2014/07/15 DOTA
Python文本统计功能之西游记用字统计操作示例
2018/05/07 Python
Tensorflow 查看变量的值方法
2018/06/14 Python
python os.listdir按文件存取时间顺序列出目录的实例
2018/10/21 Python
python增加图像对比度的方法
2019/07/12 Python
python爬虫开发之selenium模块详细使用方法与实例全解
2020/03/09 Python
Python爬取某平台短视频的方法
2021/02/08 Python
谈谈对css属性box-sizing的了解
2017/01/04 HTML / CSS
VisionPros美国站:加拿大在线隐形眼镜和眼镜零售商
2020/02/11 全球购物
Bloomingdale’s阿联酋:选购奢华时尚、美容及更多
2020/09/22 全球购物
大唐电信科技股份有限公司java工程师面试经历
2016/12/09 面试题
酒店出纳岗位职责
2013/12/29 职场文书
医院辞职信范文
2014/01/17 职场文书
军训自我鉴定
2014/01/22 职场文书
项目工作说明书
2014/07/29 职场文书
社区党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
刑事附带民事诉讼答辩状
2015/05/22 职场文书
党校团干班培训心得体会
2016/01/06 职场文书
私人贷款担保书该怎么写呢?
2019/07/02 职场文书