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 相关文章推荐
html a标签-超链接中confirm方法使用介绍
Jan 04 Javascript
js随机颜色代码的多种实现方式
Apr 23 Javascript
JavaScript判断字符长度、数字、Email、电话等常用判断函数分享
Apr 01 Javascript
js实现图片轮播效果
Dec 19 Javascript
全面解析DOM操作和jQuery实现选项移动操作代码分享
Jun 07 Javascript
js创建对象几种方式的优缺点对比
Sep 28 Javascript
详解AngularJs路由之Ui-router-resolve(预加载)
Jun 13 Javascript
AngularJS中table表格基本操作示例
Oct 10 Javascript
AngularJS的$location使用方法详解
Oct 19 Javascript
elemetUi 组件--el-upload实现上传Excel文件的实例
Oct 27 Javascript
Vue-CLI项目中路由传参的方式详解
Sep 01 Javascript
JQuery事件委托(适用于给动态生成的脚本元素添加事件)
Feb 01 jQuery
基于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
fleaphp rolesNameField bug解决方法
2011/04/23 PHP
php适配器模式介绍
2012/08/14 PHP
深入php之规范编程命名小结
2013/05/15 PHP
PHP-FPM实现性能优化
2016/03/31 PHP
jQuery温习篇 强大的JQuery选择器
2010/04/24 Javascript
自动最大化窗口的Javascript代码
2013/05/22 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
2013/07/12 Javascript
Bootstrap轮播加上css3动画,炫酷到底!
2015/12/22 Javascript
基于JS模仿windows文件按名称排序效果
2016/06/29 Javascript
JS对大量数据进行多重过滤的方法
2016/11/04 Javascript
完美解决手机网页中输入框被输入法遮挡的问题
2017/12/19 Javascript
详解自定义ajax支持跨域组件封装
2018/02/08 Javascript
vuex actions传递多参数的处理方法
2018/09/18 Javascript
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
2018/10/22 Javascript
详解react阻止无效重渲染的多种方式
2018/12/11 Javascript
小程序实现抽奖动画
2020/04/16 Javascript
vue-cli2与vue-cli3在一台电脑共存的实现方法
2019/09/25 Javascript
jQuery 隐藏/显示效果函数用法实例分析
2020/05/20 jQuery
js实现tab栏切换效果
2020/08/02 Javascript
基于element-ui封装表单金额输入框的方法示例
2021/01/06 Javascript
python登录QQ邮箱发信的实现代码
2013/02/10 Python
Python实现读取邮箱中的邮件功能示例【含文本及附件】
2017/08/05 Python
python3射线法判断点是否在多边形内
2019/06/28 Python
浅谈Python小波分析库Pywavelets的一点使用心得
2019/07/09 Python
Python如何爬取qq音乐歌词到本地
2020/06/01 Python
python logging模块的使用详解
2020/10/23 Python
python实现无边框进度条的实例代码
2020/12/30 Python
C#如何调用Windows程序打开一个文档
2014/12/26 面试题
研究生自荐信
2013/10/09 职场文书
八一建军节演讲稿
2014/09/10 职场文书
小学生纪念九一八事变演讲稿
2014/09/14 职场文书
学校重阳节活动总结
2015/03/24 职场文书
工作时间证明
2015/06/15 职场文书
民主生活会主持词
2015/07/01 职场文书
MYSQL 无法识别中文的永久解决方法
2021/06/03 MySQL
浅谈Python中对象是如何被调用的
2022/04/06 Python