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 来操作字符串(一些字符串函数)
Feb 15 Javascript
给artDialog 5.02 增加ajax get功能详细介绍
Nov 13 Javascript
tangram框架响应式加载图片方法
Nov 21 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
Nov 25 Javascript
MUI  Scroll插件的使用详解
Apr 13 Javascript
JS实现点击下拉菜单把选择的内容同步到input输入框内的实例
Jan 23 Javascript
微信小程序实现导航栏选项卡效果
Jun 19 Javascript
简单学习5种处理Vue.js异常的方法
Jun 17 Javascript
解决LayUI数据表格复选框不居中显示的问题
Sep 25 Javascript
Vue+Element UI 树形控件整合下拉功能菜单(tree + dropdown +input)
Aug 28 Javascript
简单聊聊Vue中的计算属性和属性侦听
Oct 05 Vue.js
vue @ ~ 相对路径 路径别名设置方式
Jun 05 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 处理图片的类实现代码
2009/10/23 PHP
php制作中间带自己定义图片二维码的方法
2014/01/27 PHP
php中get_defined_constants函数用法实例分析
2015/05/12 PHP
如何使用Gitblog和Markdown建自己的博客
2015/07/31 PHP
php similar_text()函数的定义和用法
2016/05/12 PHP
打开超链需要“确认”对话框的方法
2007/03/08 Javascript
JavaScript与函数式编程解释
2007/04/27 Javascript
Jquery Validation插件防止重复提交表单的解决方法
2010/03/05 Javascript
JavaScript中获取元素索引的函数
2010/09/10 Javascript
jquery提取元素里的纯文本不包含span等里的内容
2013/09/30 Javascript
Vue声明式渲染详解
2017/05/17 Javascript
微信小程序获取用户openId的实现方法
2017/05/23 Javascript
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
2017/09/20 jQuery
详解vue3.0 diff算法的使用(超详细)
2020/07/01 Javascript
详解JavaScript 高阶函数
2020/09/14 Javascript
[16:43]Heroes19_剃刀(完美)
2014/10/31 DOTA
使用Python实现下载网易云音乐的高清MV
2015/03/16 Python
python实现的二叉树定义与遍历算法实例
2017/06/30 Python
从头学Python之编写可执行的.py文件
2017/11/28 Python
flask入门之表单的实现
2018/07/18 Python
Python+Pandas 获取数据库并加入DataFrame的实例
2018/07/25 Python
在Python中定义一个常量的方法
2018/11/10 Python
Django admin 实现search_fields精确查询实例
2020/03/30 Python
pyCharm 设置调试输出窗口中文显示方式(字符码转换)
2020/06/09 Python
Python 2.6.6升级到Python2.7.15的详细步骤
2020/12/14 Python
CSS3伪类选择器:nth-child()
2009/04/02 HTML / CSS
Oroton中国官网:澳洲知名奢侈配饰品牌
2017/03/26 全球购物
欧洲第一的摇滚和金属乐队服装网站:EMP
2017/10/26 全球购物
俄罗斯在线服装店:STOLNIK
2021/03/07 全球购物
学生保证书
2015/01/16 职场文书
布达拉宫的导游词
2015/02/02 职场文书
居委会工作总结2015
2015/05/18 职场文书
公务员廉洁从政心得体会
2016/01/19 职场文书
2019年年中工作总结讲话稿模板
2019/03/25 职场文书
vue+spring boot实现校验码功能
2021/05/27 Vue.js
Spring Data JPA框架自定义Repository接口
2022/04/28 Java/Android