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制作微博发布面板效果
Mar 11 Javascript
AngularJs 国际化(I18n/L10n)详解
Sep 01 Javascript
微信小程序 向左滑动删除功能的实现
Mar 10 Javascript
jQuery自定义元素右键点击事件(实现案例)
Apr 28 jQuery
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
Sep 27 Javascript
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
May 21 Javascript
layui实现数据表格table分页功能(ajax异步)
Jul 27 Javascript
微信小程序 select 下拉框组件功能
Sep 09 Javascript
Vue v-text指令简单使用方法示例
Sep 19 Javascript
JS中FileReader类实现文件上传及时预览功能
Mar 27 Javascript
Element Breadcrumb 面包屑的使用方法
Jul 26 Javascript
JavaScript实现淘宝商品图切换效果
Apr 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
从零开始 教你如何搭建Discuz!4.1论坛
2006/07/07 PHP
PHP扩展编写点滴 技巧收集
2010/03/09 PHP
基于PHP+Ajax实现表单验证的详解
2013/06/25 PHP
javascript 硬盘序列号+其它硬件信息
2008/12/23 Javascript
jQuery获取Radio,CheckBox选择的Value值(示例代码)
2013/12/12 Javascript
JavaScript使用Math.Min返回两个数中较小数的方法
2015/04/06 Javascript
jquery实现简单的自动播放幻灯片效果
2015/06/13 Javascript
JS+CSS实现简单的二级下拉导航菜单效果
2015/09/21 Javascript
javascript设置和获取cookie的方法实例详解
2016/01/05 Javascript
JS 动态判断PC和手机浏览器实现代码
2016/09/21 Javascript
jQuery点击导航栏选中更换样式的实现代码
2017/01/23 Javascript
JS+HTML5实现图片在线预览功能
2017/07/22 Javascript
如何理解Vue的render函数的具体用法
2017/08/30 Javascript
javascript使用正则实现去掉字符串前面的所有0
2018/07/23 Javascript
[02:20]DOTA2中文配音宣传片
2013/05/22 DOTA
[40:13]Ti4 冒泡赛第二天 iG vs NEWBEE 2
2014/07/15 DOTA
[03:17]DOTA2-DPC中国联赛1月29日Recap集锦
2021/03/11 DOTA
python的三目运算符和not in运算符使用示例
2014/03/03 Python
python迭代器与生成器详解
2016/03/10 Python
Python实现HTTP协议下的文件下载方法总结
2016/04/20 Python
python GUI实例学习
2017/11/21 Python
python通过zabbix api获取主机
2018/09/17 Python
在unittest中使用 logging 模块记录测试数据的方法
2018/11/30 Python
python 二维数组90度旋转的方法
2019/01/28 Python
Python 3.8中实现functools.cached_property功能
2019/05/29 Python
Python中print函数简单使用总结
2019/08/05 Python
pygame实现五子棋游戏
2019/10/29 Python
django 读取图片到页面实例
2020/03/27 Python
pycharm中如何自定义设置通过“ctrl+滚轮”进行放大和缩小实现方法
2020/09/16 Python
Python OpenCV中的numpy与图像类型转换操作
2020/12/11 Python
Foreo国际站:Foreo International
2018/10/29 全球购物
娇韵诗俄罗斯官方网站:Clarins俄罗斯
2020/10/03 全球购物
2015年志愿者服务工作总结
2015/04/20 职场文书
创业计划书详解
2019/07/19 职场文书
《围炉夜话》110句人生箴言,精辟有内涵,引人深思
2019/10/23 职场文书
nginx优化的六点方法
2021/03/31 Servers