jquery 获取json数据实现代码


Posted in Javascript onApril 27, 2009
//栏目 
//发送ajax请求 
$.getJSON( 
"../../../Templet/GetInfoHandler.ashx", //产生JSON数据的服务端页面 
{id: "0", sid: "1;2;3", rid: Math.round(Math.random() * 10) }, //向服务器发出的查询字符串 
//对返回的JSON数据进行处理 
function(json) { 
//循环取json中的数据,并呈现在列表中 
$("#column_0_1").empty(); 
var colstr = '<h2><span><a href="#" href="#">更多>></a></span>热门招聘</h2><ul>'; 
$.each(json, function(i) { 
//alert(json[i].news_id); 
colstr = colstr + '<li><a href="http://www.ishixi.com/news/html/' + json[i].new_file_name + '" href="http://www.ishixi.com/news/html/' + json[i].new_file_name + '">' + json[i].news_title + '</a></li>'; 
}) 
colstr = colstr + '</ul>'; 
$("#column_0_1").html(colstr); 
alert("加载成功"); 
// })

用Litjson生成json数据的C#程序:
//栏目 
//发送ajax请求 
$.getJSON( 
"../../../Templet/GetInfoHandler.ashx", //产生JSON数据的服务端页面 
{id: "0", sid: "1;2;3", rid: Math.round(Math.random() * 10) }, //向服务器发出的查询字符串 
//对返回的JSON数据进行处理 
function(json) { 
//循环取json中的数据,并呈现在列表中 
$("#column_0_1").empty(); 
var colstr = '<h2><span><a href="#" href="#">更多>></a></span>热门招聘</h2><ul>'; 
$.each(json, function(i) { 
//alert(json[i].news_id); 
colstr = colstr + '<li><a href="http://www.ishixi.com/news/html/' + json[i].new_file_name + '" href="http://www.ishixi.com/news/html/' + json[i].new_file_name + '">' + json[i].news_title + '</a></li>'; 
}) 
colstr = colstr + '</ul>'; 
$("#column_0_1").html(colstr); 
alert("加载成功"); 
// })

jquery通过json获取数据
<script type="text/javascript"> 
$(document).ready(function () { 
getScatalog("paidang", "M06"); 
}); 
function getScatalog(selectid,BaseCode) { 
if (BaseCode != "") { 
$.ajax({ 
url: "ajax/getCatalogByBasecode.aspx", 
data: "code=" + encodeURI(BaseCode), cache: false, 
datatype: "html", 
success: function (context) { 
fillselect(selectid, context); 
} 
}); 
} 
else { 
return "Error"; 
} 
} 
function fillselect(selectid, context) { 
var listitem=new Array(); 
listitem = eval(context); 
for (var i = 0; i < listitem.length; i++) { 
$("#" + selectid).append("<option value='" + listitem[i]["code"] + "'>" + listitem[i]["name"] + "</option>"); //为Select追加一个Option(下拉项) 
} 
} 
</script>

html代码:
<select id="paidang" class="selectstyle" name="paidang"> 
<option value="" selected>==请选择==</option> 
</select>

Ajax:
新建一个.aspx页面删除.aspx页面里的html代码删除,在.aspx.cs里添加如下代码
string rq_basecode=null; 
rq_basecode = Request.QueryString["code"]; 
if (string.IsNullOrWhiteSpace(rq_basecode)) 
{ 
Response.Write("Error"); 
Response.End(); 
} 
BLLCataLog bll_info = new BLLCataLog(); 
List<Scatalog> lt_info = new List<Scatalog>(); 
lt_info = bll_info.GetCatalog(rq_basecode,""); 
//Response.Write(rq_basecode); 
if (lt_info.Count > 0) 
{ 
Response.Write(JsonHelper.ToJson(lt_info)); 
} 
else 
{ 
Response.Write("Null"); 
}

BLL层的数据:
public List<M2Model.Scatalog> GetCatalog(string code, string refcode) 
{ 
DALCataLog dalcatalog6 = new M2SharpDAL.DALCataLog(); 
return dalcatalog6.GetCatalog(code, refcode); 
}
Javascript 相关文章推荐
javascript网页关键字高亮代码
Jul 30 Javascript
jquery鼠标停止移动事件
Dec 21 Javascript
JS获取几种URL地址的方法小结
Feb 26 Javascript
jquery果冻抖动效果实现方法
Jan 15 Javascript
AngularJS Module方法详解
Dec 08 Javascript
Vue 固定头 固定列 点击表头可排序的表格组件
Nov 25 Javascript
node koa2实现上传图片并且同步上传到七牛云存储
Jul 31 Javascript
vue自定义filters过滤器
Apr 26 Javascript
基于D3.js实现时钟效果
Jul 17 Javascript
Vue 路由 过渡动效 数据获取方法
Jul 31 Javascript
小程序多图列表实现性能优化的方法步骤
May 28 Javascript
js实现菜单跳转效果
Dec 11 Javascript
javascript 对象比较实现代码
Apr 27 #Javascript
JQUERY 对象与DOM对象之两者相互间的转换
Apr 27 #Javascript
一个选择最快的服务器转向代码
Apr 27 #Javascript
在IE上直接编辑网页内容的js代码(IE地址栏js)
Apr 27 #Javascript
细品javascript 寻址,闭包,对象模型和相关问题
Apr 27 #Javascript
基于jQuery图片平滑连续滚动插件
Apr 27 #Javascript
js 发个判断字符串是否为符合标准的函数
Apr 27 #Javascript
You might like
php获取根域名方法汇总
2014/10/28 PHP
8个PHP程序员常用的功能汇总
2014/12/18 PHP
基于PHP如何把汉字转化为拼音
2015/12/11 PHP
jQuery powerFloat万能浮动层下拉层插件使用介绍
2010/12/27 Javascript
javascript 判断中文字符长度的函数代码
2012/08/27 Javascript
跟我学习javascript的闭包
2015/11/16 Javascript
jquery插件jquery.confirm弹出确认消息
2015/12/22 Javascript
JavaScript比较当前时间是否在指定时间段内的方法
2016/08/02 Javascript
浅谈js数组和splice的用法
2016/12/04 Javascript
微信小程序实现登录遮罩效果
2018/11/01 Javascript
vue中实现高德定位功能
2019/12/03 Javascript
[52:57]2014 DOTA2国际邀请赛中国区预选赛 LGD-CDEC VS HGT
2014/05/21 DOTA
python实现汉诺塔方法汇总
2016/07/25 Python
R vs. Python 数据分析中谁与争锋?
2017/10/18 Python
使用Python微信库itchat获得好友和群组已撤回的消息
2018/06/24 Python
Python安装Flask环境及简单应用示例
2019/05/03 Python
selenium处理元素定位点击无效问题
2019/06/12 Python
python Tkinter的图片刷新实例
2019/06/14 Python
Python 基于FIR实现Hilbert滤波器求信号包络详解
2020/02/26 Python
Scrapy 配置动态代理IP的实现
2020/09/28 Python
德国珠宝和手表在线商店:VALMANO
2019/03/24 全球购物
波兰多品牌运动商店:StreetStyle24.pl
2020/09/22 全球购物
简述使用ftp进行文件传输时的两种登录方式?它们的区别是什么?常用的ftp文件传输命令是什么?
2016/11/20 面试题
银行财务部实习生的自我鉴定
2013/11/27 职场文书
品牌宣传方案
2014/03/21 职场文书
房屋租赁意向书
2014/04/01 职场文书
党员干部形式主义个人整改措施
2014/09/17 职场文书
自习课吵闹检讨书范文
2014/09/26 职场文书
基层党员群众路线整改措施及努力方向
2014/10/28 职场文书
小学教育见习报告
2014/10/31 职场文书
2014年班主任工作总结
2014/11/08 职场文书
信贷客户经理岗位职责
2015/04/09 职场文书
校运会班级霸气口号
2015/12/24 职场文书
2016年第二十五次全国助残日活动总结
2016/04/01 职场文书
jQuery实现影院选座订座效果
2021/04/13 jQuery
css3 选择器
2022/05/11 HTML / CSS