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 相关文章推荐
基于jquery的下拉框改变动态添加和删除表格实现代码
Sep 12 Javascript
jQuery之Deferred对象详解
Sep 04 Javascript
JavaScript实现节点的删除与序号重建实例
Aug 05 Javascript
JavaScript的removeChild()函数用法详解
Dec 27 Javascript
jQuery EasyUI常用数据验证汇总
Sep 18 Javascript
浅谈EasyUi ComBotree树修改 父节点选择的问题
Nov 07 Javascript
BootStrap Table对前台页面表格的支持实例讲解
Dec 22 Javascript
React中使用UEditor百度富文本的方法
Aug 22 Javascript
node中的密码安全(加密)
Sep 17 Javascript
vue中是怎样监听数组变化的
Oct 24 Javascript
JavaScript如何利用Promise控制并发请求个数
May 14 Javascript
vue实现移动端div拖动效果
Mar 03 Vue.js
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第一季视频教程(李炎恢+php100 不断更新)
2011/05/29 PHP
用PHP的socket实现客户端到服务端的通信实例详解
2017/02/04 PHP
CentOS 上搭建 PHP7 开发测试环境
2017/02/26 PHP
PHP实现腾讯与百度坐标转换
2017/08/05 PHP
Laravel 5.5 异常处理 &amp; 错误日志的解决
2019/10/17 PHP
Nigma vs Alliance BO5 第四场2.14
2021/03/10 DOTA
分享8款优秀的 jQuery 加载动画和进度条插件
2012/10/24 Javascript
jQuery实现的简单提示信息插件
2015/12/08 Javascript
js+html5实现侧滑页面效果
2017/07/15 Javascript
利用Ionic2 + angular4实现一个地区选择组件
2017/07/27 Javascript
node通过express搭建自己的服务器
2017/09/30 Javascript
JavaScript如何获取到导航条中HTTP信息
2017/10/10 Javascript
JS使用tofixed与round处理数据四舍五入的区别
2017/10/25 Javascript
JavaScript实现全选取消效果
2017/12/14 Javascript
微信小程序中换行空格(多个空格)写法详解
2018/07/10 Javascript
Vue.js轮播图走马灯代码实例(全)
2019/05/08 Javascript
浅谈vue3中effect与computed的亲密关系
2019/10/10 Javascript
JS实现网站吸顶条
2020/01/08 Javascript
javascript实现贪吃蛇游戏(娱乐版)
2020/08/17 Javascript
React Ant Design树形表格的复杂增删改操作
2020/11/02 Javascript
python写xml文件的操作实例
2014/10/05 Python
Python中的上下文管理器和with语句的使用
2018/04/17 Python
Python实现的绘制三维双螺旋线图形功能示例
2018/06/23 Python
python实现图像全景拼接
2020/03/27 Python
Python Django路径配置实现过程解析
2020/11/05 Python
Python通过字典映射函数实现switch
2020/11/06 Python
如何使用 Flask 做一个评论系统
2020/11/27 Python
python SOCKET编程基础入门
2021/02/27 Python
英国拳击装备购物网站:RDX Sports
2018/01/23 全球购物
写给女生的道歉信
2014/01/14 职场文书
《小鹰学飞》教学反思
2014/04/23 职场文书
与美同行演讲稿
2014/09/13 职场文书
2016学习雷锋精神活动倡议书
2015/04/27 职场文书
惊涛骇浪观后感
2015/06/05 职场文书
社区服务理念口号
2015/12/25 职场文书
Golang 编译成DLL文件的操作
2021/05/06 Golang