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 相关文章推荐
jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答
Nov 10 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
Jan 31 Javascript
js控制输入框获得和失去焦点时状态显示的方法
Jan 30 Javascript
JS+CSS实现的简单折叠展开多级菜单效果
Sep 12 Javascript
js带缩略图的图片轮播效果代码分享
Sep 14 Javascript
在JavaScript中使用JSON数据
Feb 15 Javascript
JS提示:Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
Aug 19 Javascript
JavaScript中英文字符长度统计方法示例【按照中文占2个字符】
Jan 17 Javascript
JavaScript表单验证的两种实现方法
Feb 11 Javascript
Angular4学习笔记之新建项目的方法
Jul 18 Javascript
微信小程序页面间传值与页面取值操作实例分析
Apr 30 Javascript
详解vue beforeEach 死循环问题解决方法
Feb 25 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
如何在smarty中增加类似foreach的功能自动加载数据
2013/06/26 PHP
PHP反向代理类代码
2014/08/15 PHP
php过滤HTML标签、属性等正则表达式汇总
2014/09/22 PHP
轻松掌握php设计模式之访问者模式
2016/09/23 PHP
php获取微信共享收货地址的方法
2017/12/21 PHP
检测是否已安装 .NET Framework 3.5的js脚本
2009/02/14 Javascript
IE6,IE7下js动态加载图片不显示错误
2010/07/17 Javascript
ejs v9 javascript模板系统
2012/03/21 Javascript
JS正则中的RegExp对象对象
2012/11/07 Javascript
jQuery中first()方法用法实例
2015/01/06 Javascript
IE9+已经不对document.createElement向下兼容的解决方法
2015/09/14 Javascript
javascript实现密码验证
2015/11/10 Javascript
JavaScript简单实现鼠标移动切换图片的方法
2016/02/23 Javascript
浅谈Node.js:Buffer模块
2016/12/05 Javascript
vue-router项目实战总结篇
2018/02/11 Javascript
webpack常用构建优化策略小结
2019/11/21 Javascript
TypeScript魔法堂之枚举的超实用手册
2020/10/29 Javascript
[08:44]DOTA2发布会群星聚首 我们都是刀塔人
2014/03/21 DOTA
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
Python 列表(List)操作方法详解
2014/03/11 Python
Python基于多线程操作数据库相关问题分析
2018/07/11 Python
Pycharm代码无法复制,无法选中删除,无法编辑的解决方法
2018/10/22 Python
python中import与from方法总结(推荐)
2019/03/21 Python
Python寻找路径和查找文件路径的示例
2019/07/10 Python
Python各种扩展名区别点整理
2020/02/27 Python
python openssl模块安装及用法
2020/12/06 Python
Spotahome意大利:公寓和房间出租
2020/02/21 全球购物
接受捐赠答谢词
2014/01/27 职场文书
2014自荐信的写作技巧
2014/01/28 职场文书
幽默自我介绍演讲稿
2014/08/21 职场文书
2014年卫生工作总结
2014/11/27 职场文书
高一军训口号
2015/12/25 职场文书
工作报告范文
2019/06/20 职场文书
Oracle 死锁的检测查询及处理
2021/09/25 Oracle
一文了解JavaScript用Element Traversal新属性遍历子元素
2021/11/27 Javascript
GTX1660显卡搭配显示器推荐
2022/04/19 数码科技