如何获取JQUERY AJAX返回的JSON结果集实现代码


Posted in Javascript onDecember 10, 2012

代码如下:我写了个方法,用于查询结果,但debug过程中发现结果集有数据,我如何通过变量获取呢?
JScript code

function getChildNodeArrayByParentID(categoryCode) { 
$.ajax( 
{ 
type: "get", 
url: "DynamicMenuItemsHandler.ashx", 
data: { MenuItemCode: categoryCode }, 
async: false, 
success: function(data) { 
return data; 
} 
}); 
} 
var jsonArray = getChildNodeArrayByParentID(01);

var jsonArray = getChildNodeArrayByParentID(01);
我这样获取的结果是undefined结果,但方法里舒适返回结果了,请赐教。
HTML code
function searchStu(page){//AJAX按页查询 
var xm=$("#xm").val(); 
var xs=$("#xy").val(); 
var data="cus.xm="+xm+"&cus.xs="+xs+"&page="+page; 
$.ajax({ 
type: "post",//使用get方法访问后台 
dataType: "json",//返回json格式的数据 
url: "AccountList.action",//要访问的后台地址 
data: data,//要发送的数据 
complete :function(){},//AJAX请求完成时隐藏loading提示 
success: callbackFun//msg为返回的数据,在这里做数据绑定 
}); 
} 
function callbackFun(msg){ 
$("#totalCount").html(msg.totalCount); 
$("#page").html(msg.page); 
$("#totalPage").html(msg.totalPage); 
var data = msg.list; 
var node=document.getElementById("datas"); 
removeChildrenRecursively(node); 
var xy=$("#xy").find("option:selected").text(); 
$.each(data, function(i, n){ 
var row=$("<tr id='template' align='center'>"+ 
"<td id='xmtd'></td>"+ 
"<td id='xstd'></td>"+ 
"<td id='dhtd'></td>"+ 
"<td id='actd'></td>"+ 
"<td id='mmtd'></td>"+ 
"<td id='lxtd'></td>"+ 
"<td id='bjtd'></td>"+ 
"<td id='sctd'></td>"+ 
"<td id='operator'></td></tr>" 
); 
row.find("#xmtd").text(n.xm); 
row.find("#xstd").text(xy); 
row.find("#dhtd").text(n.dh); 
row.find("#actd").text(n.ac); 
row.find("#mmtd").text(n.mm); 
row.find("#lxtd").text(n.lx); 
row.find("#bjtd").text("编辑"); 
row.find("#sctd").html("<a href='../../DelAccount.action?id='"+n.id+">删除</a>"); 
row.find("#operator").html("<input type='checkbox' id='"+n.xh+"' value='"+n.xh+"'/>");; 
row.attr("id","ready");//改变绑定好数据的行的id 
row.appendTo("#datas");//添加到模板的容器中 
}); 
}

JScript code
function getChildNodeArrayByParentID(categoryCode) { 
var result=""; 
$.ajax( 
{ 
type: "get", 
url: "DynamicMenuItemsHandler.ashx", 
data: { MenuItemCode: categoryCode }, 
async: false, 
success: function(data) { 
result = data; 
} 
}); 
return result; 
} 
var jsonArray = getChildNodeArrayByParentID(01);

success: function(data) {
return data;
}
这里是回调函数返回data而不是你定义的函数返回,修改如下:
function getChildNodeArrayByParentID(categoryCode) {
var result;
$.ajax(
{
type: "get",
url: "DynamicMenuItemsHandler.ashx",
data: { MenuItemCode: categoryCode },
async: false,
success: function(data) {
result = data;
}
});
return result;
}
Javascript 相关文章推荐
JS实现打开本地文件或文件夹
Mar 09 Javascript
javascript动态创建表格及添加数据实例详解
May 13 Javascript
详解Bootstrap按钮
Jan 04 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
Mar 14 Javascript
Javascript中浏览器窗口的基本操作总结
Aug 18 Javascript
javascript基本常用排序算法解析
Sep 27 Javascript
利用js将ajax获取到的后台数据动态加载至网页中的方法
Aug 08 Javascript
详解swiper在vue中的应用(以3.0为例)
Sep 20 Javascript
微信小程序整合使用富文本编辑器的方法详解
Apr 25 Javascript
vue服务端渲染操作简单入门实例分析
Aug 28 Javascript
vue 组件销毁并重置的实现
Jan 13 Javascript
JS 数组基本用法入门示例解析
Jan 16 Javascript
ajax不执行success回调而是执行了error回调
Dec 10 #Javascript
解决js正则匹配换行问题实现代码
Dec 10 #Javascript
解决jquery异步按一定的时间间隔刷新问题
Dec 10 #Javascript
怎样在JavaScript里写一个swing把数据插入数据库
Dec 10 #Javascript
js里怎么取select标签里的值并修改
Dec 10 #Javascript
如何将JS的变量值传递给ASP变量
Dec 10 #Javascript
用jquery实现点击栏目背景色改变
Dec 10 #Javascript
You might like
从零开始学YII2框架(一)通过Composer安装Yii2框架
2014/08/20 PHP
php验证session无效的解决方法
2014/11/04 PHP
用jquery设置按钮的disabled属性的实现代码
2010/11/28 Javascript
jQuery1.6 类型判断实现代码
2011/09/01 Javascript
通过百度地图获取公交线路的站点坐标的js代码
2012/05/11 Javascript
js实现的map方法示例代码
2014/01/13 Javascript
node.js中的path.isAbsolute方法使用说明
2014/12/08 Javascript
深入理解JavaScript系列(36):设计模式之中介者模式详解
2015/03/04 Javascript
浅谈Sizzle的“编译原理”
2015/04/14 Javascript
JavaScript类型系统之布尔Boolean类型详解
2016/06/26 Javascript
jquery实现(textarea)placeholder自动换行
2016/12/22 Javascript
Ionic3实现图片瀑布流布局
2017/08/09 Javascript
vue2.0 datepicker使用方法
2018/02/04 Javascript
JSONP原理及应用实例详解
2018/09/13 Javascript
vue-router命名路由和编程式路由传参讲解
2019/01/19 Javascript
vue项目打包后上传至GitHub并实现github-pages的预览
2019/05/06 Javascript
利用 Chrome Dev Tools 进行页面性能分析的步骤说明(前端性能优化)
2021/02/24 Javascript
python每隔N秒运行指定函数的方法
2015/03/16 Python
python使用datetime模块计算各种时间间隔的方法
2015/03/24 Python
使用Python装饰器在Django框架下去除冗余代码的教程
2015/04/16 Python
Python实现对excel文件列表值进行统计的方法
2015/07/25 Python
Python的Twisted框架中使用Deferred对象来管理回调函数
2016/05/25 Python
Python入门学习指南分享
2018/04/11 Python
Python实现登陆文件验证方法
2018/10/06 Python
浅谈Python的方法解析顺序(MRO)
2020/03/05 Python
使用CSS3的rem属性制作响应式页面布局的要点解析
2016/05/24 HTML / CSS
美国时尚在线:Showpo
2017/09/08 全球购物
文明青少年标兵事迹材料
2014/01/28 职场文书
公证书样本
2014/04/10 职场文书
公安个人四风问题对照检查及整改措施
2014/10/28 职场文书
2014年小学教研工作总结
2014/12/06 职场文书
初中学生操行评语
2014/12/26 职场文书
药房管理制度范本
2015/08/06 职场文书
创业计划书之酒店
2019/08/30 职场文书
创业计划书之熟食店
2019/10/16 职场文书
Python基础教程,Python入门教程(超详细)
2021/06/24 Python