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的Function详细
Nov 14 Javascript
JavaScript 设计模式 安全沙箱模式
Sep 24 Javascript
Javascript中找到子元素在父元素内相对位置的代码
Jul 21 Javascript
JS获取鼠标坐标的实例方法
Jul 18 Javascript
jQuery同步提交示例代码
Dec 12 Javascript
学习使用grunt来打包JavaScript和CSS程序的教程
Jan 04 Javascript
JavaScript+html5 canvas绘制渐变区域完整实例
Jan 26 Javascript
js实现table添加行tr、删除行tr、清空行tr的简单实例
Oct 15 Javascript
vue的事件绑定与方法详解
Aug 16 Javascript
原生js实现拖拽功能基本思路详解
Apr 18 Javascript
Vue 前端实现登陆拦截及axios 拦截器的使用
Jul 17 Javascript
原生js拖拽功能制作滑动条实例代码
Feb 05 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
PHP 手机归属地查询 api
2010/02/08 PHP
PHP获取photoshop写入图片文字信息的方法
2015/03/31 PHP
Linux下从零开始安装配置Nginx服务器+PHP开发环境
2015/12/21 PHP
网页的分页下标生成代码(PHP后端方法)
2016/02/03 PHP
php实现的中秋博饼游戏之绘制骰子图案功能示例
2017/11/06 PHP
php命令行写shell实例详解
2018/07/19 PHP
php抽象方法和普通方法的区别点总结
2019/10/13 PHP
jscript之Read an Excel Spreadsheet
2007/06/13 Javascript
jquery的clone方法应用于textarea和select的bug修复
2014/06/26 Javascript
JavaScript中使用document.write向页面输出内容实例
2014/10/16 Javascript
一款基于jQuery的图片场景标注提示弹窗特效
2015/01/05 Javascript
浅谈Unicode与JavaScript的发展史
2015/01/19 Javascript
jQuery.trim() 函数及trim()用法详解
2015/10/26 Javascript
Vuejs第十三篇之组件——杂项
2016/09/09 Javascript
js Canvas实现的日历时钟案例分享
2016/12/25 Javascript
Vue.js实现分页查询功能
2020/11/15 Javascript
浅谈JsonObject中的key-value数据解析排序问题
2017/12/06 Javascript
jQuery实现简单聊天室
2020/02/08 jQuery
跟老齐学Python之正规地说一句话
2014/09/28 Python
Python实现计算最小编辑距离
2016/03/17 Python
python 类的继承 实例方法.静态方法.类方法的代码解析
2019/08/23 Python
Django values()和value_list()的使用
2020/03/31 Python
pyautogui自动化控制鼠标和键盘操作的步骤
2020/04/01 Python
Python将二维列表list的数据输出(TXT,Excel)
2020/04/23 Python
h5页面背景图很长要有滚动条滑动效果的实现
2021/01/27 HTML / CSS
80年代复古T恤:TruffleShuffle
2018/07/02 全球购物
英国乡村时尚和宠物用品专家:Pet & Country
2018/07/02 全球购物
德国2018年度最佳在线药房:Bodfeld Apotheke
2019/11/04 全球购物
戴森比利时官方网站:Dyson BE
2020/10/03 全球购物
什么是URL
2015/12/13 面试题
奥巴马上海演讲稿
2014/09/10 职场文书
撤诉申请书法院范本
2015/05/18 职场文书
会议室管理制度范本
2015/08/06 职场文书
党章学习心得体会2016
2016/01/14 职场文书
MySQL 服务和数据库管理
2021/11/11 MySQL
科普 | 业余无线电知识-波段篇
2022/02/18 无线电