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函数绑定
Aug 18 Javascript
js实现使用鼠标拖拽切换图片的方法
May 04 Javascript
jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
May 27 Javascript
微信小程序 教程之模板
Oct 18 Javascript
详解vue.js组件化开发实践
Dec 14 Javascript
js中数组插入、删除元素操作的方法
Feb 15 Javascript
node跨域请求方法小结
Aug 25 Javascript
vue-image-crop基于Vue的移动端图片裁剪组件示例
Aug 28 Javascript
vue自定义指令用法经典实例小结
Mar 16 Javascript
微信小程序加载机制及运行机制图解
Nov 27 Javascript
Jquery滑动门/tab切换实现方法完整示例
Jun 05 jQuery
JavaScript仿京东轮播图效果
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
1982年日本摄影师镜头下的中国孩子 那无忧无虑的童年
2020/03/12 杂记
PHP的5个安全措施小结
2012/07/17 PHP
php实现获取文章内容第一张图片的方法
2014/11/04 PHP
php实现TCP端口检测的方法
2015/04/01 PHP
PHP实现C#山寨ArrayList的方法
2015/07/16 PHP
PHP Ajax实现无刷新附件上传
2016/08/17 PHP
jquery+thinkphp实现跨域抓取数据的方法
2016/10/15 PHP
php中Ioc(控制反转)和Di(依赖注入)
2017/05/07 PHP
JavaScript中的Screen屏幕对象
2008/01/16 Javascript
你需要知道的10个最佳javascript开发实践小结
2012/04/15 Javascript
如何使用Javascript正则表达式来格式化XML内容
2013/07/04 Javascript
返回页面顶部top按钮通过锚点实现(自写)
2013/08/30 Javascript
jQuery在iframe中无法弹出对话框的解决方法
2014/01/12 Javascript
JS+CSS实现弹出全屏灰黑色透明遮罩效果的方法
2014/12/20 Javascript
jQuery超简单选项卡完整实例
2015/09/26 Javascript
vue中添加mp3音频文件的方法
2018/03/02 Javascript
用图片替换checkbox原始样式并实现同样的功能
2018/11/15 Javascript
JS字典Dictionary类定义与用法示例
2019/02/01 Javascript
js计算最大公约数和最小公倍数代码实例
2019/09/11 Javascript
JS实现简易留言板增删功能
2020/02/08 Javascript
js实现手表表盘时钟与圆周运动
2020/09/18 Javascript
Python Web程序部署到Ubuntu服务器上的方法
2018/02/22 Python
使用Python实现在Windows下安装Django
2018/10/17 Python
将python图片转为二进制文本的实例
2019/01/24 Python
在Python中os.fork()产生子进程的例子
2019/08/08 Python
Keras 中Leaky ReLU等高级激活函数的用法
2020/07/05 Python
Python中的None与 NULL(即空字符)的区别详解
2020/09/24 Python
10分钟理解CSS3 Grid布局
2018/12/20 HTML / CSS
COACH德国官方网站:纽约现代奢侈品牌,1941年
2018/06/09 全球购物
泰国Robinson百货官网:购买知名品牌的商品
2020/02/08 全球购物
客服端调用EJB对象的几个基本步骤
2012/01/15 面试题
教学评估实施方案
2014/03/16 职场文书
保护母亲河倡议书
2014/04/14 职场文书
公司离职证明标准格式
2014/11/18 职场文书
微观世界观后感
2015/06/10 职场文书
导游词之崇武古城
2019/10/07 职场文书