当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jquery 获取json数据实现代码

Javascript
javascript 异常处理使用总结
ExtJS扩展 垂直tabLayout实现代码
JavaScript 新手24条实用建议[TUTS+]
PNG背景在不同浏览器下的应用
实现超用户体验 table排序javascript实现代码
利用JQuery为搜索栏增加tag提示
JQuery 前台切换网站的样式实现
WordPress JQuery处理沙发头像
js form 验证函数 当前比较流行的错误提示
JQuery 无废话系列教程(一) jquery入门 [推荐]
jQuery 表单验证插件formValidation实现个性化错误提示
JQuery 入门实例1
jQuery 可以拖动的div实现代码 修正版
javascript DOM对象的学习实例代码
css 二级菜单 实现代码集合 修正版
ExtJS GTGrid 简单用户管理
jQuery DIV弹出效果实现代码
Javascript 调试利器 Firebug使用详解六
深入javascript json QQ网页登陆
类似新浪网的 弹出视频功能实现代码

Javascript 中的 jquery 获取json数据实现代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 565 ::
收藏到网摘: n/a

jquery json数据获取代码。
复制代码 代码如下:

//栏目
//发送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("加载成功");
// })