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 字符串与数组转换函数[不用split与join]
Dec 13 Javascript
js 蒙版进度条(结合图片)
Mar 10 Javascript
jQuery之$(document).ready()使用介绍
Apr 05 Javascript
html+js实现动态显示本地时间
Sep 21 Javascript
jqplot通过ajax动态画折线图的方法及思路
Dec 08 Javascript
node.js中的path.delimiter方法使用说明
Dec 09 Javascript
你可能不知道的JSON.stringify()详解
Aug 17 Javascript
基于Bootstrap表单验证功能
Nov 17 Javascript
vue按需加载组件webpack require.ensure的方法
Dec 13 Javascript
vue watch监听对象及对应值的变化详解
Feb 24 Javascript
iview实现图片上传功能
Jun 29 Javascript
解决Vue+SpringBoot+Shiro跨域问题
Jun 09 Vue.js
基于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实现utf-8和GB2312编码相互转换函数代码
2013/02/07 PHP
Zend Framework连接Mysql数据库实例分析
2016/03/19 PHP
Thinkphp 空操作、空控制器、命名空间(详解)
2017/05/05 PHP
laravel csrf排除路由,禁止,关闭指定路由的例子
2019/10/21 PHP
javascript笔试题目附答案@20081025_jb51.net
2008/10/26 Javascript
JQuery datepicker 使用方法
2011/05/20 Javascript
关于scrollLeft,scrollTop的浏览器兼容性测试
2013/03/19 Javascript
阻止子元素继承父元素事件具体思路及实现
2013/05/02 Javascript
jquery 设置元素相对于另一个元素的top值(实例代码)
2013/11/06 Javascript
js获取checkbox复选框选中的选项实例
2014/08/24 Javascript
bootstrap-treeview自定义双击事件实现方法
2016/01/09 Javascript
微信小程序 image组件binderror使用例子与js中的onerror区别
2017/02/15 Javascript
Vue2 使用 Echarts 创建图表实例代码
2017/05/18 Javascript
基于js的变量提升和函数提升(详解)
2017/09/17 Javascript
Python作用域用法实例详解
2016/03/15 Python
Python绘制3d螺旋曲线图实例代码
2017/12/20 Python
用python写扫雷游戏实例代码分享
2018/05/27 Python
python实现批量修改图片格式和尺寸
2018/06/07 Python
Python实现爬虫从网络上下载文档的实例代码
2018/06/13 Python
python求最大连续子数组的和
2018/07/07 Python
深入浅析Python获取对象信息的函数type()、isinstance()、dir()
2018/09/17 Python
Python实现带参数的用户验证功能装饰器示例
2018/12/14 Python
Python算法中的时间复杂度问题
2019/11/19 Python
python使用bs4爬取boss直聘静态页面
2020/10/10 Python
python+selenium+chrome实现淘宝购物车秒杀自动结算
2021/01/07 Python
Python实现简单猜数字游戏
2021/02/03 Python
西班牙香水和化妆品连锁店:Druni
2019/05/05 全球购物
英国排名第一的冲浪店:Ann’s Cottage
2020/06/21 全球购物
自我鉴定写作要点
2014/01/17 职场文书
义和团口号
2014/06/17 职场文书
婚前财产协议书范本
2014/10/19 职场文书
2014年幼儿园小班工作总结
2014/12/04 职场文书
英文商务邀请函范文
2015/01/31 职场文书
乡镇安全生产月活动总结
2015/05/08 职场文书
《七月的天山》教学反思
2016/02/19 职场文书
Vue组件化(ref,props, mixin,.插件)详解
2022/05/15 Vue.js