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 相关文章推荐
关于this和self的使用说明
Aug 01 Javascript
jQuery技巧总结
Jan 01 Javascript
JS控件ASP.NET的treeview控件全选或者取消(示例代码)
Dec 16 Javascript
jQuery实现默认是闭合的FAQ展开效果菜单
Sep 14 Javascript
详解JS正则replace的使用方法
Mar 06 Javascript
js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
Aug 02 Javascript
vue.js实现仿原生ios时间选择组件实例代码
Dec 21 Javascript
JavaScript 总结几个提高性能知识点(推荐)
Feb 20 Javascript
Node.js实现发送邮件功能
Nov 06 Javascript
JavaScript刷新页面的几种方法总结
Mar 28 Javascript
Vue开发之封装分页组件与使用示例
Apr 25 Javascript
在Echarts图中给坐标轴加一个标识线markLine
Jul 20 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中选择什么接口(mysql、mysqli)访问mysql
2013/02/06 PHP
php获取文件后缀的9种方法
2016/03/22 PHP
ThinkPHP5.0 图片上传生成缩略图实例代码说明
2018/06/20 PHP
用javascript获取地址栏参数
2006/12/22 Javascript
不错的JS中变量相关的细节分析
2007/08/13 Javascript
jquery1.4.2 for Visual studio 2010 模板文件
2010/07/14 Javascript
了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)
2012/02/10 Javascript
JavaScript实现快速排序(自已编写)
2012/12/19 Javascript
鼠标滑过出现预览的大图提示效果
2014/02/26 Javascript
瀑布流布局代码一例
2014/04/11 Javascript
JS实现一个列表中包含上移下移删除等功能
2014/09/24 Javascript
使用phantomjs进行网页抓取的实现代码
2014/09/29 Javascript
node.js中的fs.fstatSync方法使用说明
2014/12/15 Javascript
jQuery+AJAX实现网页无刷新上传
2015/02/22 Javascript
javascript中html字符串转化为jquery dom对象的方法
2015/08/27 Javascript
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
2015/12/02 Javascript
浅谈vue中慎用style的scoped属性
2017/11/28 Javascript
AngularJS修改model值时,显示内容不变的实例
2018/09/13 Javascript
[03:46]显微镜下的DOTA2第七期——满血与残血
2014/06/20 DOTA
Python中绑定与未绑定的类方法用法分析
2016/04/29 Python
Python中的time模块与datetime模块用法总结
2016/06/30 Python
python安装Scrapy图文教程
2017/08/14 Python
python微信跳一跳系列之自动计算跳一跳距离
2018/02/26 Python
python爬虫之验证码篇3-滑动验证码识别技术
2019/04/11 Python
python对Excel按条件进行内容补充(推荐)
2019/11/24 Python
pytorch 实现删除tensor中的指定行列
2020/01/13 Python
20行代码教你用python给证件照换底色的方法示例
2021/02/05 Python
通过HTML5规范搞定i、em、b、strong元素的区别
2017/03/04 HTML / CSS
应届生程序员求职信
2013/11/05 职场文书
软件专业毕业生个人自我鉴定
2014/04/17 职场文书
2014年保洁员工作总结
2014/11/19 职场文书
入党培养人考察意见
2015/06/08 职场文书
Django cookie和session的应用场景及如何使用
2021/04/29 Python
Python开发之QT解决无边框界面拖动卡屏问题(附带源码)
2021/05/27 Python
JavaWeb 入门:Hello Servlet
2021/07/16 Java/Android
Java 数据结构七大排序使用分析
2022/04/02 Java/Android