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 相关文章推荐
niceTitle 基于jquery的超链接提示插件
May 31 Javascript
js用Date对象处理时间实现思路及代码
Jan 31 Javascript
解决json日期格式问题的3种方法
Feb 02 Javascript
js读取csv文件并使用json显示出来
Jan 09 Javascript
jquery ui resize 中border-box的bug修正
Apr 26 Javascript
javascript实现网页端解压并查看zip文件
Dec 15 Javascript
浅谈JS继承_借用构造函数 &amp; 组合式继承
Aug 16 Javascript
Vue.js每天必学之指令系统与自定义指令
Sep 07 Javascript
es6的数字处理的方法(5个)
Mar 16 Javascript
WdatePicker.js时间日期插件的使用方法
Jul 26 Javascript
vue2中使用less简易教程
Mar 27 Javascript
javascript前端实现多视频上传
Dec 13 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性能分析之php-fpm慢执行日志slow log用法浅析
2016/10/17 PHP
javascript 命名空间以提高代码重用性
2008/11/13 Javascript
Javascript 错误处理的几种方法
2009/06/13 Javascript
javascript window对象属性整理
2009/10/24 Javascript
简单的Jquery遮罩层代码实例
2013/11/14 Javascript
js实现简单的左右两边固定广告效果实例
2015/04/10 Javascript
使用AngularJS实现可伸缩的页面切换的方法
2015/06/19 Javascript
JavaScript Math.round() 方法
2015/12/18 Javascript
设置点击文本框或图片弹出日历控件的实现代码
2016/05/12 Javascript
JS中动态创建元素的三种方法总结(推荐)
2016/10/20 Javascript
在vue中获取dom元素内容的方法
2017/07/10 Javascript
JS 中LocalStorage和SessionStorage的使用
2017/08/17 Javascript
原生JS实现小小的音乐播放器
2017/10/16 Javascript
bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码
2017/10/17 Javascript
关于JavaScript 数组你应该知道的事情(推荐)
2019/04/10 Javascript
JavaScript解析JSON数据示例
2019/07/16 Javascript
微信小程序进入广告实现代码实例
2019/09/19 Javascript
使用vue重构资讯页面的实例代码解析
2019/11/26 Javascript
JS实现移动端可折叠导航菜单(现代都市风)
2020/07/07 Javascript
vue-router 控制路由权限的实现
2020/09/24 Javascript
HTML元素拖拽功能实现的完整实例
2020/12/04 Javascript
简单的Python的curses库使用教程
2015/04/11 Python
Python的math模块中的常用数学函数整理
2016/02/04 Python
在Python中实现替换字符串中的子串的示例
2018/10/31 Python
Python-while 计算100以内奇数和的方法
2019/06/11 Python
pytorch 实现将自己的图片数据处理成可以训练的图片类型
2020/01/08 Python
Python3变量与基本数据类型用法实例分析
2020/02/14 Python
HTML块级标签汇总(小篇)
2016/07/13 HTML / CSS
乐高瑞士官方商店:LEGO CH
2020/08/16 全球购物
教师找工作推荐信
2013/11/23 职场文书
综合实践教学反思
2014/01/31 职场文书
车间机修工岗位职责
2014/02/28 职场文书
婚纱摄影师求职信范文
2014/04/17 职场文书
2014年职称评定工作总结
2014/11/26 职场文书
预防职务犯罪警示教育心得体会
2016/01/15 职场文书
MySQL 隔离数据列和前缀索引的使用总结
2021/05/14 MySQL