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函数、方法、对象代码
Oct 29 Javascript
JavaScript 大数据相加的问题
Aug 03 Javascript
JQuery slideshow的一个小问题(如何发现及解决过程)
Feb 06 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
Dec 05 Javascript
JavaScript截取字符串的2个函数介绍
Aug 27 Javascript
漂亮! js实现颜色渐变效果
Aug 12 Javascript
Angular的自定义指令以及实例
Dec 26 Javascript
利用JQuery实现datatables插件的增加和删除行功能
Jan 06 Javascript
JS实现的自动打字效果示例
Mar 10 Javascript
AngularJS读取JSON及XML文件的方法示例
May 25 Javascript
HTML5开发Kinect体感游戏的实例应用
Sep 18 Javascript
react国际化react-intl的使用
May 06 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新手上路(十三)
2006/10/09 PHP
PHP配置文件中最常用四个ini函数
2007/03/19 PHP
PHP 模拟$_PUT实现代码
2010/03/15 PHP
php无限极分类实现的两种解决方法
2013/04/28 PHP
基于php split()函数的用法详解
2013/06/05 PHP
详解HTTP Cookie状态管理机制
2016/01/14 PHP
crontab无法执行php的解决方法
2016/01/25 PHP
Javascript-Mozilla和IE中的一个函数直接量的问题
2007/01/09 Javascript
超级退弹代码
2008/07/07 Javascript
Firefox中autocomplete=&quot;off&quot; 设置不起作用Bug的解决方法
2011/03/25 Javascript
IE6-IE9不支持table.innerHTML的解决方法分享
2012/09/14 Javascript
js 编码转换 gb2312 和 utf8 互转的2种方法
2013/08/07 Javascript
JavaScript操作HTML DOM节点的基础教程
2016/03/11 Javascript
nodejs入门教程五:连接数据库的方法分析
2017/04/24 NodeJs
AngularJS中使用three.js的实例详解
2017/07/21 Javascript
EasyUI创建人员树的实例代码
2017/09/15 Javascript
使用vue + less 实现简单换肤功能的示例
2018/02/21 Javascript
详解IOS微信上Vue单页面应用JSSDK签名失败解决方案
2018/11/14 Javascript
js实现转动骰子模型
2019/10/24 Javascript
jquery实现直播弹幕效果
2019/11/28 jQuery
使用Python编写类UNIX系统的命令行工具的教程
2015/04/15 Python
Python中max函数用法实例分析
2015/07/17 Python
python去除空格和换行符的实现方法(推荐)
2017/01/04 Python
Python数据可视化:顶级绘图库plotly详解
2019/12/07 Python
什么是python类属性
2020/06/10 Python
html5记忆翻牌游戏实现思路及代码
2013/07/25 HTML / CSS
初中生学习生活的自我评价
2013/11/20 职场文书
实习单位推荐信范文
2013/11/27 职场文书
公司法人授权委托书范本
2014/09/12 职场文书
2014年党员干部四风问题自我剖析材料
2014/09/29 职场文书
党的群众路线教育实践活动心得体会(乡镇)
2014/11/03 职场文书
2014年社区个人工作总结
2014/12/02 职场文书
北京天坛导游词
2015/02/12 职场文书
廉洁自律个人总结
2015/02/14 职场文书
接待员岗位职责范本
2015/04/15 职场文书
2016年先进班集体事迹材料
2016/02/26 职场文书