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 相关文章推荐
使用按钮控制以何种方式打开新窗口的属性介绍
Dec 17 Javascript
select、radio表单回显功能实现避免使用jquery载入赋值
Jun 08 Javascript
如何让页面加载完成后执行js
Jun 26 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
Dec 31 Javascript
模仿password输入框的实现代码
Jun 07 Javascript
解决同一页面中两个iframe互相调用jquery,js函数的方法
Dec 12 Javascript
jquery easyui dataGrid动态改变排序字段名的方法
Mar 02 Javascript
JavaScript函数绑定用法实例分析
Nov 14 Javascript
在vue 中使用 less的教程详解
Sep 26 Javascript
微信 jssdk 签名错误invalid signature的解决方法
Jan 14 Javascript
Vue对象赋值视图不更新问题及解决方法
Jun 03 Javascript
解决VUE自定义拖拽指令时 onmouseup 与 click事件冲突问题
Jul 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
eAccelerator的安装与使用详解
2013/06/13 PHP
table标签的结构与合并单元格的实现方法
2013/07/24 PHP
PHP连接MySQL的2种方法小结以及防止乱码
2014/03/11 PHP
百度地图API应用之获取用户的具体位置
2014/06/10 PHP
改版了网上的一个js操作userdata
2007/04/27 Javascript
JavaScript Perfection kill 测试及答案
2010/03/23 Javascript
js常用代码段整理
2011/11/30 Javascript
js判断url是否有效的两种方法
2014/03/04 Javascript
javascript数组输出的两种方式
2015/01/13 Javascript
探讨JavaScript中的Rest参数和参数默认值
2015/07/29 Javascript
10个很棒的jQuery代码片段
2015/09/24 Javascript
JS正则替换掉小括号及内容的方法
2016/11/29 Javascript
微信小程序-获得用户输入内容
2017/02/13 Javascript
javascript 操作cookies详解及实例
2017/02/22 Javascript
js中删除数组中的某一元素实例(无下标时)
2017/02/28 Javascript
Bootstrap 网格系统布局详解
2017/03/19 Javascript
全面解析Node.js 8 重要功能和修复
2017/06/02 Javascript
JS实现给json数组动态赋值的方法示例
2020/03/19 Javascript
JS一个简单的注册页面实例
2017/09/05 Javascript
bootstrap tooltips在 angularJS中的使用方法
2019/04/10 Javascript
Python手机号码归属地查询代码
2016/05/04 Python
你眼中的Python大牛 应该都有这份书单
2017/10/31 Python
Python/Django后端使用PIL Image生成头像缩略图
2019/04/30 Python
基于python的itchat库实现微信聊天机器人(推荐)
2019/10/29 Python
Python获取二维数组的行列数的2种方法
2020/02/11 Python
Python 实现Image和Ndarray互相转换
2020/02/19 Python
一款利用css3的鼠标经过动画显示详情特效的实例教程
2014/12/29 HTML / CSS
简历中的自我评价怎么写
2014/01/29 职场文书
中班中秋节活动反思
2014/02/18 职场文书
效能风暴心得体会
2014/09/04 职场文书
2014年村计划生育工作总结
2014/11/14 职场文书
满月酒邀请函
2015/01/30 职场文书
钓鱼岛事件感想
2015/08/11 职场文书
2020优秀员工演讲稿(三篇)
2019/10/17 职场文书
springboot+VUE实现登录注册
2021/05/27 Vue.js
电脑开机弹出documents文件夹怎么回事?弹出documents文件夹解决方法
2022/04/08 数码科技