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.js是否已加载的判断代码
May 20 Javascript
javaScript复制功能调用实现方案
Dec 13 Javascript
制作jquery遮罩层效果导航菜单代码分享
Dec 25 Javascript
jQuery构造函数init参数分析续
May 13 Javascript
深入浅析JavaScript函数前面的加号和叹号
Jul 09 Javascript
用jmSlip编写移动端顶部日历选择控件
Oct 24 Javascript
React中上传图片到七牛的示例代码
Oct 10 Javascript
从setTimeout看js函数执行过程
Dec 19 Javascript
vue脚手架中配置Sass的方法
Jan 04 Javascript
Node.js Koa2使用JWT进行鉴权的方法示例
Aug 17 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
Jan 30 Javascript
微信小程序实现分页加载效果
Nov 19 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
phpmyadmin MySQL 加密配置方法
2009/07/05 PHP
php+ajax实现的点击浏览量加1
2015/04/16 PHP
php将数组存储为文本文件方法汇总
2015/10/28 PHP
基于PHPexecl类生成复杂的报表表头示例
2016/10/14 PHP
PHP 实现页面静态化的几种方法
2017/07/23 PHP
PHP十六进制颜色随机生成器功能示例
2017/07/24 PHP
一些常用的Javascript函数
2006/12/22 Javascript
JavaScript写的一个DIV 弹出网页对话框
2009/08/14 Javascript
ExtJS Window 最小化的一种方法
2009/11/18 Javascript
JQuery一种取同级值的方式(比如你在GridView中)
2012/03/15 Javascript
原生javascript和jquery判断浏览器版本等信息
2013/07/04 Javascript
javascript如何创建表格(javascript绘制表格的二种方法)
2013/12/10 Javascript
AngularJS实现一次监听多个值发生的变化
2016/08/31 Javascript
javascript 作用于作用域链的详解
2017/09/27 Javascript
jQuery ajax读取本地json文件的实例
2017/10/31 jQuery
零基础之Node.js搭建API服务器的详解
2019/03/08 Javascript
Vue+Element实现网页版个人简历系统(推荐)
2019/12/31 Javascript
微信小程序实现搜索框功能及踩过的坑
2020/06/19 Javascript
Javascript如何实现扩充基本类型
2020/08/26 Javascript
在Django的模板中使用认证数据的方法
2015/07/23 Python
django模板结构优化的方法
2019/02/28 Python
Python 面向对象之封装、继承、多态操作实例分析
2019/11/21 Python
浅谈Python中re.match()和re.search()的使用及区别
2020/04/14 Python
Django bulk_create()、update()与数据库事务的效率对比分析
2020/05/15 Python
Python爬虫之爬取淘女郎照片示例详解
2020/07/28 Python
世界知名接发和假发品牌:Poze Hair
2017/03/08 全球购物
Hawes & Curtis澳大利亚官网:英国经典服饰品牌
2018/10/29 全球购物
美国名牌香水折扣网站:Hottperfume
2021/02/10 全球购物
Java的接口和C++的虚类的相同和不同处
2014/03/27 面试题
网上蛋糕店创业计划书
2014/01/24 职场文书
疾病防治方案
2014/05/31 职场文书
运输企业安全生产责任书
2014/07/28 职场文书
项目转让协议书
2014/10/27 职场文书
2014年实习期工作总结
2014/11/27 职场文书
诚信考试承诺书范文
2015/04/29 职场文书
班委竞选稿范文
2015/11/21 职场文书