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对数字的格式化使用说明
Jan 12 Javascript
教你在heroku云平台上部署Node.js应用
Jul 30 Javascript
基于jQuery实现页面搜索功能
Mar 26 Javascript
Vue resource中的GET与POST请求的实例代码
Jul 21 Javascript
详解React native全局变量的使用(跨组件的通信)
Sep 07 Javascript
vue实现手机号码抽奖上下滚动动画示例
Oct 18 Javascript
Vue2.0结合webuploader实现文件分片上传功能
Mar 09 Javascript
通过 JS 判断页面是否有滚动条的实现方法
Apr 05 Javascript
微信小程序实现人脸识别登陆的示例代码
Apr 02 Javascript
详解微信小程序缓存--缓存时效性
May 02 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
Oct 30 Javascript
Quasar Input:type=&quot;number&quot; 去掉上下小箭头 实现加减按钮样式功能
Apr 09 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
PHP4实际应用经验篇(9)
2006/10/09 PHP
JScript内置对象Array中元素的删除方法
2007/03/08 Javascript
一个奇葩的最短的 IE 版本判断JS脚本
2014/05/28 Javascript
JavaScript中获取样式的原生方法小结
2014/10/08 Javascript
网页中JS函数自动执行常用三种方法
2016/03/30 Javascript
jQuery验证插件validate使用详解
2016/05/11 Javascript
Node.js的Web模板引擎ejs的入门使用教程
2016/06/06 Javascript
微信小程序scroll-view实现横向滚动和上拉加载示例
2017/03/06 Javascript
node thread.sleep实现示例
2018/06/20 Javascript
微信小程序动画(Animation)的实现及执行步骤
2018/10/28 Javascript
移动端底部导航固定配合vue-router实现组件切换功能
2019/06/13 Javascript
JS 创建对象的模式实例小结
2020/04/28 Javascript
微信小程序基于高德地图API实现天气组件(动态效果)
2020/10/22 Javascript
vue2.0 watch里面的 deep和immediate用法说明
2020/10/30 Javascript
vue data有值,但是页面{{}} 取不到值的解决
2020/11/09 Javascript
使用Python编写Linux系统守护进程实例
2015/02/03 Python
详细介绍Python中的偏函数
2015/04/27 Python
Python实现的最近最少使用算法
2015/07/10 Python
python实现读取并显示图片的两种方法
2017/01/13 Python
python 获取页面表格数据存放到csv中的方法
2018/12/26 Python
python中通过selenium简单操作及元素定位知识点总结
2019/09/10 Python
Python统计时间内的并发数代码实例
2019/12/28 Python
树莓派4B安装Tensorflow的方法步骤
2020/07/16 Python
python爬取代理ip的示例
2020/12/18 Python
HTML5是否真的可以取代Flash
2010/02/10 HTML / CSS
澳大利亚买卖正宗二手奢侈品交易平台:Luxe.It.Fwd
2019/10/16 全球购物
2019年分享net面试的经历和题目
2016/08/07 面试题
市场开发与营销专业求职信
2013/12/31 职场文书
学生会宣传部部长竞选演讲稿
2014/04/25 职场文书
产品设计开发计划书
2014/05/07 职场文书
个人批评与自我批评总结
2014/10/17 职场文书
2014年妇女工作总结
2014/12/06 职场文书
2015年度酒店客房部工作总结
2015/05/25 职场文书
风雨哈佛路观后感
2015/06/03 职场文书
MySQL transaction事务安全示例讲解
2022/06/21 MySQL
win10拖拽文件时崩溃怎么解决?win10文件不能拖拽问题解决方法
2022/08/14 数码科技