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 相关文章推荐
QQ登录简单实现代码
Mar 09 Javascript
event.srcElement+表格应用
Aug 29 Javascript
学习YUI.Ext 第二天
Mar 10 Javascript
Javascript insertAfter() 实现函数代码
Oct 12 Javascript
iframe父页面获取子页面参数的方法
Feb 21 Javascript
1秒50万字!js实现关键词匹配
Aug 01 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)
Dec 02 Javascript
JS实现一个简单的日历
Feb 22 Javascript
在 Angular 中实现搜索关键字高亮示例
Mar 21 Javascript
vue.js实现含搜索的多种复选框(附源码)
Mar 23 Javascript
JS实现十分钟倒计时代码实例
Oct 18 Javascript
微信小程序学习之自定义滚动弹窗
Dec 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
linux实现php定时执行cron任务详解
2013/12/24 PHP
php switch语句多个值匹配同一代码块的实现
2014/03/03 PHP
smarty模板引擎中变量及变量修饰器用法实例
2015/01/22 PHP
php微信开发之自定义菜单完整流程
2016/10/08 PHP
[原创]站长必须要知道的javascript广告代码
2007/05/30 Javascript
JS对URL字符串进行编码/解码分析
2008/10/25 Javascript
基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍
2013/05/07 Javascript
javascript跨域的4种方法和原理详解
2014/04/08 Javascript
jQuery插件支持同一页面被多次调用
2016/02/14 Javascript
深入理解JQuery中的事件与动画
2016/05/18 Javascript
实用jquery操作表单元素的简单代码
2016/07/04 Javascript
JavaScript 字符串常用操作小结(非常实用)
2016/11/30 Javascript
Angular4学习笔记之根模块与Ng模块
2017/09/09 Javascript
Promise扫盲贴
2019/06/24 Javascript
微信小程序自定义头部导航栏和导航栏背景图片 navigationStyle问题
2019/07/26 Javascript
详解node.js 事件循环
2020/07/22 Javascript
vue实现井字棋游戏
2020/09/29 Javascript
[59:30]VG vs LGD 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
python中的实例方法、静态方法、类方法、类变量和实例变量浅析
2014/04/26 Python
Python读取txt某几列绘图的方法
2018/10/14 Python
详解python做UI界面的方法
2019/02/27 Python
pygame实现俄罗斯方块游戏(AI篇1)
2019/10/29 Python
pytorch中的自定义数据处理详解
2020/01/06 Python
Jupyter Notebook 文件默认目录的查看以及更改步骤
2020/04/14 Python
在python里创建一个任务(Task)实例
2020/04/25 Python
Django nginx配置实现过程详解
2020/09/10 Python
Html5移动端适配IphoneX等机型的方法
2019/06/25 HTML / CSS
美国在线购物频道:Shop LC
2019/04/21 全球购物
Scotch Porter官方网站:男士美容产品
2020/08/31 全球购物
什么是会话Bean
2015/05/14 面试题
大学生职业生涯设计书
2014/01/02 职场文书
学校端午节活动方案
2014/08/23 职场文书
会计试用期工作总结2015
2015/05/28 职场文书
学习nginx基础知识
2021/09/04 Servers
Pygame Rect区域位置的使用(图文)
2021/11/17 Python
maven 解包依赖项中的文件的解决方法
2022/07/15 Java/Android