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 跳转代码集合
Dec 03 Javascript
javascript sudoku 数独智力游戏生成代码
Mar 27 Javascript
JavaScript获取当前运行脚本文件所在目录的方法
Feb 03 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(一)
Feb 16 Javascript
JavaScript 数组中最大最小值
Jun 05 Javascript
js实现按钮控制带有停顿效果的图片滚动
Aug 30 Javascript
Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法
Oct 30 Javascript
浅析BootStrap中Modal(模态框)使用心得
Dec 24 Javascript
vue.js自定义组件directives的实例代码
Nov 09 Javascript
推荐一个基于Node.js的表单验证库
Feb 15 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
Jul 24 Javascript
JavaScript隐式类型转换代码实例
May 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
PHP基础知识回顾
2012/08/16 PHP
举例讲解PHP面对对象编程的多态
2015/08/12 PHP
PHP实现的只保留字符串首尾字符功能示例【隐藏部分字符串】
2019/03/11 PHP
PHP 7.4中使用预加载的方法详解
2019/07/08 PHP
js实现的折叠导航示例
2013/11/29 Javascript
jquery遍历函数siblings()用法实例
2015/12/24 Javascript
基于jquery编写分页插件
2016/03/07 Javascript
Nodejs如何复制文件
2016/03/09 NodeJs
Javascript从数组中随机取出不同元素的两种方法
2016/09/22 Javascript
浅谈Node.js:Buffer模块
2016/12/05 Javascript
JS中的作用域链
2017/03/01 Javascript
Vue.js开发环境快速搭建教程
2017/03/17 Javascript
js调用刷新界面的几种方式
2017/05/03 Javascript
详解vue2 $watch要注意的问题
2017/09/08 Javascript
javascript实现文本框标签验证的实例代码
2018/10/14 Javascript
vue-router的使用方法及含参数的配置方法
2018/11/13 Javascript
vue-cli2 构建速度优化的实现方法
2019/01/08 Javascript
vue使用map代替Aarry数组循环遍历的方法
2020/04/30 Javascript
原生JS实现多条件筛选
2020/08/19 Javascript
如何检测JavaScript中的死循环示例详解
2020/08/30 Javascript
vue中jsonp插件的使用方法示例
2020/09/10 Javascript
[46:49]完美世界DOTA2联赛PWL S3 access vs Rebirth 第二场 12.19
2020/12/24 DOTA
Python3.2中Print函数用法实例详解
2015/05/19 Python
python比较两个列表是否相等的方法
2015/07/28 Python
Python数据分析库pandas基本操作方法
2018/04/08 Python
Python中的单继承与多继承实例分析
2018/05/10 Python
python获取网络图片方法及整理过程详解
2019/12/20 Python
html5中valid、invalid、required的定义
2014/02/21 HTML / CSS
html5清空画布方法(三种)
2017/10/16 HTML / CSS
美国珠宝精品店:Opulent Jewelers
2019/08/20 全球购物
个人简历自我评价
2014/01/06 职场文书
入党转预备思想汇报
2014/01/07 职场文书
元旦寄语大全
2014/04/10 职场文书
2014年工人工作总结
2014/11/25 职场文书
2015年幼儿园元旦游艺活动策划书
2014/12/09 职场文书
导游词之青岛太清宫
2019/12/13 职场文书