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实现动态侧边栏代码
Feb 19 Javascript
Javascript 拖拽雏形中的一些问题(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
jQuery使用$.get()方法从服务器文件载入数据实例
Mar 25 Javascript
ES6的新特性概览
Mar 10 Javascript
限制只能输入数字的实现代码
May 16 Javascript
利用Vue.js指令实现全选功能
Sep 08 Javascript
Jq通过td获取同行其它列td的方法
Oct 05 Javascript
jQuery插件jqGrid动态获取列和列字段的方法
Mar 03 Javascript
js实现简单的二级联动效果
Mar 09 Javascript
web3.js增加eth.getRawTransactionByHash(txhash)方法步骤
Mar 15 Javascript
什么时候不能在 Node.js 中使用 Lock Files
Jun 24 Javascript
微信小程序实现点击页面出现文字
Sep 21 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
苏联队长,苏联超人蝙蝠侠,这些登场的“山寨”英雄真的很严肃
2020/04/09 欧美动漫
深入PHP获取随机数字和字母的方法详解
2013/06/06 PHP
php_screw 1.5:php加密: 安装与使用详解
2013/06/20 PHP
php生成扇形比例图实例
2013/11/06 PHP
PHP串行化与反串行化实例分析
2016/12/27 PHP
限制复选框的最大可选数
2006/07/01 Javascript
jQuery EasyUI 开源插件套装 完全替代ExtJS
2010/03/24 Javascript
JQuery拖拽元素改变大小尺寸实现代码
2012/12/10 Javascript
JQuery for与each性能比较分析
2013/05/14 Javascript
删除select中所有option选项jquery代码
2013/08/12 Javascript
jQuery实现的自动加载页面功能示例
2016/09/04 Javascript
JS数字千分位格式化实现方法总结
2016/12/16 Javascript
实现两个文本框同时输入的实例
2017/09/25 Javascript
JS实现提示效果弹出及延迟隐藏的功能
2019/08/26 Javascript
layui框架与SSM前后台交互的方法
2019/09/12 Javascript
跟老齐学Python之玩转字符串(1)
2014/09/14 Python
Python标准异常和异常处理详解
2015/02/02 Python
python批量设置多个Excel文件页眉页脚的脚本
2018/03/14 Python
python调用java的jar包方法
2018/12/15 Python
Python中os模块功能与用法详解
2020/02/26 Python
jupyter notebook 写代码自动补全的实现
2020/11/02 Python
详解python中的异常和文件读写
2021/01/03 Python
CSS3的first-child选择器实战攻略
2016/04/28 HTML / CSS
倩碧美国官网:Clinique美国
2016/07/20 全球购物
英国DIY和家居装饰领域的主要品牌:Wickes
2019/11/26 全球购物
美国家用和厨房电器销售网站:Appliances Connection
2020/01/24 全球购物
后进生转化工作制度
2014/01/17 职场文书
付款委托书范本
2014/04/04 职场文书
先进典型事迹材料
2014/12/29 职场文书
投标承诺函格式
2015/01/21 职场文书
社区节水倡议书
2015/04/29 职场文书
户外亲子活动总结
2015/05/08 职场文书
家长会开场白和结束语
2015/05/29 职场文书
正规欠条模板
2015/07/03 职场文书
人事行政部各岗位职责说明书!
2019/07/15 职场文书
MySQ InnoDB和MyISAM存储引擎介绍
2022/04/26 MySQL