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 相关文章推荐
多引号嵌套的变量命名的问题
May 09 Javascript
用js替换除数字与逗号以外的所有字符的代码
Jun 07 Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
May 25 Javascript
AngularJs concepts详解及示例代码
Sep 01 Javascript
微信小程序 图片等比例缩放(图片自适应屏幕)
Nov 16 Javascript
JavaScript实现类似淘宝的购物车效果
Mar 16 Javascript
深入理解Angular4中的依赖注入
Jun 07 Javascript
微信上传视频文件提示(推荐)
Nov 22 Javascript
vue2.0中set添加属性后视图不能更新的解决办法
Feb 22 Javascript
vue基础之事件v-onclick=&quot;函数&quot;用法示例
Mar 11 Javascript
JS实现放大镜效果
Sep 21 Javascript
vue中axios封装使用的完整教程
Mar 03 Vue.js
基于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函数之日期时间函数date()使用详解
2013/09/09 PHP
PHP生成短网址的3种方法代码实例
2014/07/08 PHP
PHP使用Session遇到的一个Permission denied Notice解决办法
2014/07/30 PHP
php连接mysql数据库
2017/03/21 PHP
js给dropdownlist添加选项的小例子
2013/03/04 Javascript
JS 有趣的eval优化输入验证实例代码
2013/09/22 Javascript
javascript实现图像循环明暗变化的方法
2015/02/25 Javascript
基于jQuery实现简单的折叠菜单效果
2015/11/23 Javascript
动态更新highcharts数据的实现方法
2016/05/28 Javascript
jQuery基础知识点总结(DOM操作)
2016/06/01 Javascript
JavaScript下拉菜单功能实例代码
2017/03/01 Javascript
Material(包括Material Icon)在Angular2中的使用详解
2018/02/11 Javascript
Node+OCR实现图像文字识别功能
2018/11/26 Javascript
Node.js系列之发起get/post请求(2)
2019/08/30 Javascript
如何在vue中使用jointjs过程解析
2020/05/29 Javascript
Python实现将HTML转成PDF的方法分析
2019/05/04 Python
由面试题加深对Django的认识理解
2019/07/19 Python
详解基于python-django框架的支付宝支付案例
2019/09/23 Python
python和php学习哪个更有发展
2020/06/17 Python
记一次django内存异常排查及解决方法
2020/08/07 Python
python 发送邮件的示例代码(Python2/3都可以直接使用)
2020/12/03 Python
健康监测猫砂:Pretty Litter
2017/05/25 全球购物
Delphi工程师笔试题
2013/09/21 面试题
大学应届毕业生个人求职信
2013/09/23 职场文书
偷看我的初中毕业鉴定
2014/01/29 职场文书
简单租房协议书
2014/04/09 职场文书
高中学生评语大全
2014/04/25 职场文书
奥巴马胜选演讲稿
2014/05/15 职场文书
分居协议书范本
2014/11/03 职场文书
整改报告怎么写
2014/11/06 职场文书
结婚堵门保证书
2015/05/08 职场文书
酒店温馨提示语
2015/07/14 职场文书
学习焦裕禄先进事迹心得体会
2016/01/23 职场文书
全国劳模先进事迹材料(2016精选版)
2016/02/25 职场文书
原生JS封装vue Tab切换效果
2021/04/28 Vue.js
MySQL常见优化方案汇总
2022/01/18 MySQL