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 文件夹选择框的两种解决方案
Jul 01 Javascript
JavaScript toFixed() 方法
Apr 15 Javascript
jQuery使用动态渲染表单功能完成ajax文件下载
Jan 15 Javascript
JS获得URL超链接的参数值实例代码
Jun 21 Javascript
JavaScript实现下拉菜单的显示和隐藏
Jan 05 Javascript
JS函数修改html的元素内容,及修改属性内容的方法
Oct 28 Javascript
jQuery与js实现颜色渐变的方法
Dec 30 Javascript
Node.js中使用mongoose操作mongodb数据库的方法
Sep 12 Javascript
利用Angular2 + Ionic3开发IOS应用实例教程
Jan 15 Javascript
JS引用传递与值传递的区别与用法分析
Jun 01 Javascript
ES6顶层对象、global对象实例分析
Jun 14 Javascript
解决vue刷新页面以后丢失store的数据问题
Aug 11 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
第十二节 类的自动加载 [12]
2006/10/09 PHP
PHP通用检测函数集合
2006/11/25 PHP
php将数据库导出成excel的方法
2010/05/07 PHP
模板引擎正则表达式调试小技巧
2011/07/20 PHP
php 类中的常量、静态属性、非静态属性的区别
2017/04/09 PHP
PHP开发之归档格式phar文件概念与用法详解【创建,使用,解包还原提取】
2017/11/17 PHP
使用js简单实现了tree树菜单
2013/11/20 Javascript
JS弹出层的显示与隐藏示例代码
2013/12/27 Javascript
jquery动态加载js/css文件方法(自写小函数)
2014/10/11 Javascript
jQuery树形下拉菜单特效代码分享
2015/08/15 Javascript
js css实现垂直方向自适应的三角提示菜单
2016/06/26 Javascript
json2.js 入门教程之使用方法与实例分析
2017/09/14 Javascript
Angular2.0实现modal对话框的方法示例
2018/02/18 Javascript
vue-router的两种模式的区别
2019/05/30 Javascript
浅谈一个webpack构建速度优化误区
2019/06/24 Javascript
详解从vue-loader源码分析CSS Scoped的实现
2019/09/23 Javascript
在vue中动态修改css其中一个属性值操作
2020/12/07 Vue.js
Javascript实现打鼓效果
2021/01/29 Javascript
Python实现的堆排序算法示例
2018/04/29 Python
利用Python在一个文件的头部插入数据的实例
2018/05/02 Python
Python常见内置高效率函数用法示例
2018/07/31 Python
浅谈numpy生成数组的零值问题
2018/11/12 Python
python中字符串数组逆序排列方法总结
2019/06/23 Python
Python列表list常用内建函数实例小结
2019/10/22 Python
HTML5轻松实现全屏视频背景的示例
2018/04/23 HTML / CSS
美国最大的团购网站:Groupon
2016/07/23 全球购物
美国时装品牌:Nautica(诺帝卡)
2016/08/28 全球购物
EVE LOM英国官网:全世界最好的洁面膏
2017/10/30 全球购物
委托书样本
2014/04/02 职场文书
市场开发计划书
2014/05/07 职场文书
党员政治学习材料
2014/05/14 职场文书
县委常委班子专题民主生活会查摆问题及整改措施
2014/09/27 职场文书
刑事附带民事上诉状
2015/05/23 职场文书
婚礼领导致辞大全
2015/07/28 职场文书
mysql5.7的安装及Navicate长久免费使用的实现过程
2021/11/17 MySQL
python神经网络 tf.name_scope 和 tf.variable_scope 的区别
2022/05/04 Python