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 相关文章推荐
js正则表达式中test,exec,match方法的区别说明
Jan 29 Javascript
jQuery获取动态生成的元素示例
Jun 15 Javascript
jQuery实现鼠标划过展示大图的方法
Mar 09 Javascript
JavaScript中用sort()方法对数组元素进行排序的操作
Jun 09 Javascript
将List对象列表转换成JSON格式的类实现方法
Jul 04 Javascript
单击按钮发送验证码,出现倒计时的简单实例
Mar 17 Javascript
JavaScript订单操作小程序完整版
Jun 23 Javascript
Dropify.js图片宽高自适应的方法
Nov 27 Javascript
vue实现简单的MVVM框架
Aug 05 Javascript
JS使用canvas中的measureText方法测量字体宽度示例
Feb 02 Javascript
mpvue开发音频类小程序踩坑和建议详解
Mar 12 Javascript
jquery使用echarts实现有向图可视化功能示例
Nov 25 jQuery
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
过滤掉PHP数组中的重复值的实现代码
2011/07/17 PHP
PHP面向对象之后期静态绑定功能介绍
2015/05/18 PHP
PHP应用跨时区功能的实现方法
2019/03/21 PHP
laravel通用化的CURD的实现
2019/12/13 PHP
使用js在页面中绘制表格核心代码
2013/09/16 Javascript
cookie中的path与domain属性详解
2013/12/18 Javascript
Windows 系统下安装和部署Egret的开发环境
2014/07/31 Javascript
jquery插件uploadify实现带进度条的文件批量上传
2015/12/13 Javascript
jquery——九宫格大转盘抽奖实例
2017/01/16 Javascript
jQuery插件HighCharts实现气泡图效果示例【附demo源码】
2017/03/13 Javascript
AngularJS路由Ui-router模块用法示例
2017/05/29 Javascript
微信小程序使用navigateTo数据传递的实例
2017/09/26 Javascript
vue添加axios,并且指定baseurl的方法
2018/09/19 Javascript
微信小程序canvas动态时钟
2020/10/22 Javascript
python根据路径导入模块的方法
2014/09/30 Python
python清除字符串里非字母字符的方法
2015/07/02 Python
python微信公众号开发简单流程
2018/03/23 Python
django启动uwsgi报错的解决方法
2018/04/08 Python
Python日期时间模块datetime详解与Python 日期时间的比较,计算实例代码
2018/09/14 Python
Python中浅拷贝copy与深拷贝deepcopy的简单理解
2018/10/26 Python
python3.4爬虫demo
2019/01/22 Python
python安装requests库的实例代码
2019/06/25 Python
python求最大公约数和最小公倍数的简单方法
2020/02/13 Python
Tensorflow中的降维函数tf.reduce_*使用总结
2020/04/20 Python
opencv 图像腐蚀和图像膨胀的实现
2020/07/07 Python
Python内置函数property()如何使用
2020/09/01 Python
印尼最大的网上书店:Gramedia.com
2018/09/13 全球购物
Nixon手表英国官网:美国尼克松手表品牌
2020/02/10 全球购物
应届毕业生的自我鉴定
2013/11/13 职场文书
五好党支部事迹材料
2014/02/06 职场文书
运动会入场词50字
2014/02/20 职场文书
《圆明园的毁灭》教学反思
2014/02/28 职场文书
四年级评语大全
2014/04/21 职场文书
2014年学习委员工作总结
2014/11/14 职场文书
2014年库房工作总结
2014/11/26 职场文书
刑事起诉书范文
2015/05/19 职场文书