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 相关文章推荐
符合W3C网页标准的iframe标签的使用方法
Jul 19 Javascript
使用javascript过滤html的字符串(注释标记法)
Jul 08 Javascript
JavaScript过滤字符串中的中文与空格方法汇总
Mar 07 Javascript
JS闭包用法实例分析
Mar 27 Javascript
Angular+Node生成随机数的方法
Jun 16 Javascript
基于bootstrop常用类总结(推荐)
Sep 11 Javascript
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
Mar 28 jQuery
jQuery实现炫丽的3d旋转星空效果
Jul 04 jQuery
angularJs复选框checkbox选中进行ng-show显示隐藏的方法
Oct 08 Javascript
Angular封装搜索框组件操作示例
Apr 25 Javascript
微信小程序自定义单项选择器样式
Jul 25 Javascript
gojs实现蚂蚁线动画效果
Feb 18 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 radio 单选框获取与保持值的实现代码
2010/05/15 PHP
邮箱正则表达式实现代码(针对php)
2013/06/21 PHP
浅析ThinkPHP中execute和query方法的区别
2014/06/13 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(一)
2014/06/23 PHP
浅谈PHP5.6 与 PHP7.0 区别
2019/10/09 PHP
js二维数组定义和初始化的三种方法总结
2014/03/03 Javascript
纯js实现遮罩层效果原理分析
2014/05/27 Javascript
js实现网页自动刷新可制作节日倒计时效果
2014/05/27 Javascript
将数字转换成大写的人民币表达式的js函数
2014/09/21 Javascript
jQuery实现跨域iframe接口方法调用
2015/03/14 Javascript
JavaScript中的getMilliseconds()方法使用详解
2015/06/10 Javascript
bootstrap布局中input输入框右侧图标点击功能
2016/05/16 Javascript
javascript中的深复制详解及实例分析
2016/12/29 Javascript
JS实现上传图片实时预览功能
2017/05/22 Javascript
vue-router3.0版本中 router.push 不能刷新页面的问题
2018/05/10 Javascript
详解原生JS回到顶部
2019/03/25 Javascript
JS实现打字游戏
2019/12/17 Javascript
JS数组Reduce方法功能与用法实例详解
2020/04/29 Javascript
Python中的sort()方法使用基础教程
2017/01/08 Python
详解Python中的静态方法与类成员方法
2017/02/28 Python
python使用pil进行图像处理(等比例压缩、裁剪)实例代码
2017/12/11 Python
python spyder中读取txt为图片的方法
2018/04/27 Python
Python virtualenv虚拟环境实现过程解析
2020/04/18 Python
Keras在训练期间可视化训练误差和测试误差实例
2020/06/16 Python
介绍CSS3使用技巧5个
2009/04/02 HTML / CSS
HTML5 source标签:媒介元素定义媒介资源
2018/01/29 HTML / CSS
高档奢华时装在线目的地:FORWARD by elyse walker
2017/10/16 全球购物
北卡罗来纳州豪华家具和家居装饰店:Carolina Rustica
2018/10/30 全球购物
Java里面Pass by value和Pass by Reference是什么意思
2016/05/02 面试题
学生个人求职自荐信格式
2013/09/23 职场文书
电工工作职责范本
2014/02/22 职场文书
技术员岗位职责范本
2015/04/11 职场文书
冲出亚马逊观后感
2015/06/03 职场文书
公司行政管理制度范本
2015/08/05 职场文书
2016年五一劳动节专题校园广播稿
2015/12/17 职场文书
大学生奖学金获奖感言(范文)
2019/08/15 职场文书