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 相关文章推荐
用正则获取指定路径文件的名称
Feb 27 Javascript
使用TextRange获取输入框中光标的位置的代码
Mar 08 Javascript
javascript 避免闭包引发的问题
Mar 17 Javascript
正则表达式搭配js轻松处理json文本方便而老古
Feb 17 Javascript
JS如何将UTC格式时间转本地格式
Sep 04 Javascript
jquery实现兼容浏览器的图片上传本地预览功能
Oct 14 Javascript
浅析js中的浮点型运算问题
Jan 06 Javascript
浅谈JavaScript中的作用域和闭包问题
Jul 07 Javascript
JS函数定义方式的区别介绍
Mar 22 Javascript
js前端导出Excel的方法
Nov 01 Javascript
详解Require.js与Sea.js的区别
Aug 05 Javascript
一起来看看Vue的核心原理剖析
Mar 24 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 无限分类三种方式 非函数的递归调用!
2011/08/26 PHP
php设置允许大文件上传示例代码
2014/03/10 PHP
Win7下手动安装apache2.2、php5.4笔记
2015/04/03 PHP
php 生成签名及验证签名详解
2016/10/26 PHP
PHP面向对象程序设计模拟一般面向对象语言中的方法重载(overload)示例
2019/06/13 PHP
实例:尽可能写友好的Javascript代码
2006/10/09 Javascript
javascript 获取图片尺寸及放大图片
2013/09/04 Javascript
浅谈JavaScript函数节流
2014/12/09 Javascript
JavaScript严格模式详解
2015/11/18 Javascript
基于jQuery实现以手风琴方式展开和折叠导航菜单
2016/01/28 Javascript
JavaScript绑定事件监听函数的通用方法
2016/05/14 Javascript
1秒50万字!js实现关键词匹配
2016/08/01 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
2016/12/13 Javascript
详解Node项目部署到云服务器上
2017/07/12 Javascript
JS获取input[file]的值并显示在页面的实现方法
2018/03/09 Javascript
详解ESLint在Vue中的使用小结
2018/10/15 Javascript
Vue数据双向绑定底层实现原理
2019/11/22 Javascript
Vue和React有哪些区别
2020/09/12 Javascript
微信小程序实现底部弹出模态框
2020/11/18 Javascript
Python入门篇之正则表达式
2014/10/20 Python
在Python中操作字符串之startswith()方法的使用
2015/05/20 Python
django开发post接口简单案例,获取参数值的方法
2018/12/11 Python
django orm 通过related_name反向查询的方法
2018/12/15 Python
Pytorch中index_select() 函数的实现理解
2019/11/19 Python
postman和python mock测试过程图解
2020/02/22 Python
Django2.1.7 查询数据返回json格式的实现
2020/12/29 Python
删除pycharm鼠标右键快捷键打开项目的操作
2021/01/16 Python
Python如何使用神经网络进行简单文本分类
2021/02/25 Python
基于html5 canvas实现漫天飞雪效果实例
2014/09/10 HTML / CSS
Html5获取高德地图定位天气的方法
2019/12/26 HTML / CSS
人事部主管岗位职责
2013/12/26 职场文书
旅游个人求职信范文
2014/01/30 职场文书
员工拓展培训方案
2014/02/15 职场文书
个人授权委托书
2014/04/03 职场文书
《冬阳童年骆驼队》教学反思
2014/04/15 职场文书
100句拼搏进取的名言警句,值得一读!
2019/10/07 职场文书