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获取图片长和宽度的代码
Nov 24 Javascript
jquery $(document).ready() 与window.onload的区别
Dec 28 Javascript
jquery下操作HTML控件的实现代码
Jan 12 Javascript
jQuery中insertAfter()方法用法实例
Jan 08 Javascript
JavaScript操作cookie类实例
Mar 31 Javascript
javascript中replace使用方法总结
Mar 01 Javascript
ES6中Proxy与Reflect实现重载(overload)的方法
Mar 30 Javascript
关于vue-router的beforeEach无限循环的问题解决
Sep 09 Javascript
利用jsonp与代理服务器方案解决跨域问题
Sep 14 Javascript
微信小程序自定义键盘 内部虚拟支付
Dec 20 Javascript
vscode下vue项目中eslint的使用方法
Jan 13 Javascript
JavaScript 实现HTML DOM增删改查操作的常见方法详解
Jan 04 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
ajax取消挂起请求的处理方法
2013/03/18 PHP
深入分析PHP引用(&amp;)
2014/09/04 PHP
thinkphp循环结构用法实例
2014/11/24 PHP
5款适合PHP使用的HTML编辑器推荐
2015/07/03 PHP
PHP获取网站中各文章的第一张图片的代码示例
2016/05/20 PHP
搜索附近的人PHP实现代码
2018/02/11 PHP
fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法
2009/10/20 Javascript
Prototype源码浅析 String部分(一)之有关indexOf优化
2012/01/15 Javascript
利用jQuary实现文字浮动提示效果示例代码
2013/12/26 Javascript
JS中判断null、undefined与NaN的方法
2014/03/24 Javascript
JS实现带缓冲效果打开、关闭、移动一个层的方法
2015/05/09 Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
2015/12/16 Javascript
微信小程序购物商城系统开发系列-工具篇的介绍
2016/11/21 Javascript
javascript函数的四种调用模式
2017/01/08 Javascript
JavaScript实现刮刮乐效果
2020/11/01 Javascript
Python操作Mysql实例代码教程在线版(查询手册)
2013/02/18 Python
跟老齐学Python之深入变量和引用对象
2014/09/24 Python
由Python运算π的值深入Python中科学计算的实现
2015/04/17 Python
Python简单定义与使用字典dict的方法示例
2017/07/25 Python
浅谈Python中的全局锁(GIL)问题
2019/01/11 Python
使用Python+wxpy 找出微信里把你删除的好友实例
2019/02/21 Python
django将网络中的图片,保存成model中的ImageField的实例
2019/08/07 Python
Python3进制之间的转换代码实例
2019/08/24 Python
Keras自动下载的数据集/模型存放位置介绍
2020/06/19 Python
Docker如何部署Python项目的实现详解
2020/10/26 Python
CSS书写规范、顺序和命名规则
2014/03/06 HTML / CSS
CSS3 RGBA色彩模式使用实例讲解
2016/04/26 HTML / CSS
CSS3实现文字波浪线效果示例代码
2016/11/20 HTML / CSS
什么是动态端口(Dynamic Ports)?动态端口的范围是多少?
2014/12/12 面试题
校园安全检查制度
2014/02/03 职场文书
开工仪式主持词
2014/03/20 职场文书
初三毕业评语
2014/12/26 职场文书
2016年社区植树节活动总结
2016/03/16 职场文书
Nginx+Windows搭建域名访问环境的操作方法
2022/03/17 Servers
mysql 获取时间方式
2022/03/20 MySQL
MySQL8.0 Undo Tablespace管理详解
2022/06/16 MySQL