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 相关文章推荐
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
Apr 01 Javascript
event.srcElement 用法笔记e.target
Dec 18 Javascript
利用js动态添加删除table行的示例代码
Dec 16 Javascript
JS和css实现检测移动设备方向的变化并判断横竖屏幕
May 25 Javascript
jQuery-1.9.1源码分析系列(十一)DOM操作续之克隆节点
Dec 01 Javascript
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
Dec 06 Javascript
javascript基础语法——全面理解变量和标识符
Jun 02 Javascript
BootStrap智能表单实战系列(七)验证的支持
Jun 13 Javascript
jQuery实现二维码扫描功能
Jan 09 Javascript
jQuery实现弹窗居中效果类似alert()
Feb 27 Javascript
微信小程序实现获取准确的腾讯定位地址功能示例
Mar 27 Javascript
基于Ionic3实现选项卡切换并重新加载echarts
Sep 24 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
基于MySQL体系结构的分析
2013/05/02 PHP
javascript中巧用“闭包”实现程序的暂停执行功能
2007/04/04 Javascript
JS 获取select(多选下拉)中所选值的示例代码
2013/08/02 Javascript
JS获取html对象的几种方式介绍
2013/12/05 Javascript
javascript模拟订火车票和退票示例
2014/04/24 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
2014/05/20 Javascript
javascript实现10个球随机运动、碰撞实例详解
2015/07/08 Javascript
JavaScript多并发问题如何处理
2015/10/28 Javascript
JavaScript实现简单的tab选项卡切换
2016/01/05 Javascript
canvas快速绘制圆形、三角形、矩形、多边形方法介绍
2016/12/29 Javascript
QQ跳转支付宝并自动领红包脚本(最新)
2018/06/22 Javascript
vue2.0 可折叠列表 v-for循环展示的实例
2018/09/07 Javascript
React中使用外部样式的3种方式(小结)
2019/05/28 Javascript
layui问题之渲染数据表格时,仅出现10条数据的解决方法
2019/09/12 Javascript
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
2019/09/27 Javascript
TypeScript高级用法的知识点汇总
2019/12/17 Javascript
对python mayavi三维绘图的实现详解
2019/01/08 Python
Python中文编码知识点
2019/02/18 Python
python超时重新请求解决方案
2019/10/21 Python
python 字典访问的三种方法小结
2019/12/05 Python
Python单元测试模块doctest的具体使用
2020/02/10 Python
python实现批处理文件
2020/07/28 Python
HTML5 Canvas绘制五星红旗
2016/05/04 HTML / CSS
关于老式浏览器兼容HTML5和CSS3的问题
2016/06/01 HTML / CSS
万得城电器土耳其网站:欧洲第一大电子产品零售商
2016/10/07 全球购物
Mansur Gavriel官网:纽约市的一个设计品牌
2019/05/02 全球购物
巴塞罗那观光通票:Barcelona Pass
2019/10/30 全球购物
烹调加工管理制度
2014/02/04 职场文书
少先队学雷锋活动月总结
2014/03/09 职场文书
平面设计专业求职信
2014/08/09 职场文书
2014年租房协议书范本
2014/10/30 职场文书
兼职安全员岗位职责
2015/02/15 职场文书
搞笑婚庆主持词
2015/06/29 职场文书
护理心得体会范文
2016/01/22 职场文书
数据库连接池
2021/04/06 MySQL
css让页脚保持在底部位置的四种方案
2022/07/23 HTML / CSS