如何获取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 相关文章推荐
缓动函数requestAnimationFrame 更好的实现浏览器经动画
Dec 07 Javascript
jquery复选框全选/取消示例
Dec 30 Javascript
JavaScript中的console.assert()函数介绍
Dec 29 Javascript
easyui Droppable组件实现放置特效
Aug 19 Javascript
详解BootStrap中Affix控件的使用及保持布局的美观的方法
Jul 08 Javascript
微信小程序图片轮播组件gallery slider使用方法详解
Jan 31 Javascript
Angular5给组件本身的标签添加样式class的方法
Apr 07 Javascript
JavaScript闭包原理与用法实例分析
Aug 10 Javascript
node.js爬取中关村的在线电瓶车信息
Nov 13 Javascript
基于Vue实现微前端的示例代码
Apr 24 Javascript
vue 使用 vue-pdf 实现pdf在线预览的示例代码
Apr 26 Javascript
使用Ajax实现无刷新上传文件
Apr 12 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
网页上facebook分享功能具体实现
2014/01/26 PHP
ThinkPHP结合ajax、Mysql实现的客户端通信功能代码示例
2014/06/23 PHP
PHP中使用虚代理实现延迟加载技术
2014/11/05 PHP
PHP查找数值数组中不重复最大和最小的10个数的方法
2015/04/20 PHP
在Mac OS上搭建PHP的Yii框架及相关测试环境
2016/02/14 PHP
php实现在新浪云中使用imagick生成缩略图并上传的方法
2016/09/26 PHP
PHP实现支持CURL字符串证书传输的方法
2019/03/23 PHP
asp.net下利用js实现返回上一页的实现方法小集
2009/11/24 Javascript
formvalidator验证插件中有关ajax验证问题
2013/01/04 Javascript
Javascript控制页面链接在新窗口打开具体方法
2013/08/16 Javascript
简介JavaScript中的push()方法的使用
2015/06/09 Javascript
前端学习笔记style,currentStyle,getComputedStyle的用法与区别
2016/05/28 Javascript
javascript中异常处理案例(推荐)
2016/10/03 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
2017/01/22 Javascript
浅谈基于Vue.js的移动组件库cube-ui
2017/12/20 Javascript
Nuxt.js之自动路由原理的实现方法
2018/11/21 Javascript
优雅的使用javascript递归画一棵结构树示例代码
2019/09/22 Javascript
微信小程序点击顶部导航栏切换样式代码实例
2019/11/12 Javascript
js实现时分秒倒计时
2019/12/03 Javascript
three.js着色器材质的内置变量示例详解
2020/08/16 Javascript
[03:49]DOTA2 2015国际邀请赛中国区预选赛第二日现场百态
2015/05/27 DOTA
python网络编程学习笔记(10):webpy框架
2014/06/09 Python
Python简单遍历字典及删除元素的方法
2016/09/18 Python
深入理解Python中变量赋值的问题
2017/01/12 Python
基于Python __dict__与dir()的区别详解
2017/10/30 Python
Python中对象的引用与复制代码示例
2017/12/04 Python
python操作excel的方法
2018/08/16 Python
python对接ihuyi实现短信验证码发送
2020/05/10 Python
html5 学习简单的拾色器
2010/09/03 HTML / CSS
公司年终奖分配方案
2014/06/16 职场文书
党的群众路线教育实践活动个人对照检查材料(教师)
2014/11/04 职场文书
伏羲庙导游词
2015/02/09 职场文书
pytorch 中nn.Dropout的使用说明
2021/05/20 Python
Vue中插槽slot的使用方法与应用场景详析
2021/06/08 Vue.js
用Python selenium实现淘宝抢单机器人
2021/06/18 Python
MySQL中的隐藏列的具体查看
2021/09/04 MySQL