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 setTimeout和setInterval的使用方法 说明
Mar 25 Javascript
JavaScript中实现继承的三种方式和实例
Jan 29 Javascript
Bootstrap3 多个模态对话框无法显示的解决方案
Feb 23 Javascript
Vue组件通信之Bus的具体使用
Dec 28 Javascript
JS计算距当前时间的时间差实例
Dec 29 Javascript
详解vue项目打包后通过百度的BAE发布到网上的流程
Mar 05 Javascript
微信小程序中实现手指缩放图片的示例代码
Mar 13 Javascript
Vue.js实现的计算器功能完整示例
Jul 11 Javascript
node上的redis调用优化示例详解
Oct 30 Javascript
微信小程序上传图片到php服务器的方法
May 23 Javascript
vue瀑布流组件实现上拉加载更多
Mar 10 Javascript
解决vue初始化项目一直停在downloading template的问题
Nov 09 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环境配置 php5 MySQL5 apache2 phpmyadmin安装与配置图文教程
2007/03/16 PHP
基于initPHP的框架介绍
2013/04/18 PHP
关于file_get_contents返回为空或函数不可用的解决方案
2013/06/24 PHP
PHP中子类重载父类的方法【parent::方法名】
2016/05/06 PHP
PHP封装的多文件上传类实例与用法详解
2017/02/07 PHP
php下的原生ajax请求用法实例分析
2020/02/28 PHP
js 多浏览器分别判断代码
2010/04/01 Javascript
ASP.NET中AJAX 调用实例代码
2012/05/03 Javascript
Js实现滚动变色的文字效果
2014/06/16 Javascript
JavaScript调试工具汇总
2014/12/23 Javascript
JavaScript实现选择框按比例拖拉缩放的方法
2015/08/04 Javascript
js实现简单折叠、展开菜单的方法
2015/08/28 Javascript
基于javascript代码实现通过点击图片显示原图片
2015/11/29 Javascript
jQuery选择器总结之常用元素查找方法
2016/08/04 Javascript
js实现文字选中分享功能
2017/01/25 Javascript
MUI顶部选项卡的用法(tab-top-webview-main)详解
2017/10/08 Javascript
Vue 中批量下载文件并打包的示例代码
2017/11/20 Javascript
关于微信小程序bug记录与解决方法
2018/08/15 Javascript
vue中的自定义分页插件组件的示例
2018/08/18 Javascript
VUE UPLOAD 通过ACTION返回上传结果操作
2020/09/07 Javascript
[48:28]完美世界DOTA2联赛循环赛FTD vs Magma第二场 10月30日
2020/10/31 DOTA
一道python走迷宫算法题
2018/01/22 Python
python实现一组典型数据格式转换
2018/12/15 Python
Python之time模块的时间戳,时间字符串格式化与转换方法(13位时间戳)
2019/08/12 Python
python GUI库图形界面开发之PyQt5 UI主线程与耗时线程分离详细方法实例
2020/02/26 Python
英国在线泳装店:Simply Swim
2019/05/05 全球购物
介绍一下JNDI的基本概念
2013/07/26 面试题
反邪教宣传工作方案
2014/05/07 职场文书
个人授权委托书
2014/09/15 职场文书
销售经理工作检讨书
2015/02/19 职场文书
我的兄弟姐妹观后感
2015/06/15 职场文书
工伤事故赔偿协议书
2015/08/06 职场文书
浅谈node.js中间件有哪些类型
2021/04/29 Javascript
虚拟机linux端mysql数据库无法远程访问的解决办法
2021/05/26 MySQL
vue+elementui 实现新增和修改共用一个弹框的完整代码
2021/06/08 Vue.js
如何设置多台电脑共享打印机?多台电脑共享打印机的方法
2022/04/08 数码科技