如何获取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 相关文章推荐
javascript动画浅析
Aug 30 Javascript
js修改input的type属性及浏览器兼容问题探讨与解决
Jan 23 Javascript
JavaScript省市联动实现代码
Feb 15 Javascript
jQuery中的$.ajax()方法应用
May 06 Javascript
显示今天的日期js代码(阳历和农历)
Sep 30 Javascript
JQuery中serialize() 序列化
Mar 13 Javascript
javascript html5移动端轻松实现文件上传
Mar 27 Javascript
深入理解Angularjs中的$resource服务
Dec 31 Javascript
Vue实现数字输入框中分割手机号码的示例
Oct 10 Javascript
webpack4 + react 搭建多页面应用示例
Aug 03 Javascript
百度小程序之间的页面通信过程详解
Jul 18 Javascript
js模拟F11页面全屏显示
Sep 17 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
各种咖啡的英文名子是什么
2021/03/03 新手入门
php使用curl存储cookie的示例
2014/03/31 PHP
深入浅析PHP7.0新特征(五大新特征)
2015/10/29 PHP
Symfony学习十分钟入门经典教程
2016/02/03 PHP
Javascript条件判断使用小技巧总结
2008/09/08 Javascript
Javascript 作用域使用说明
2009/08/13 Javascript
javascript 解决表单仍然提交即使监听处理函数返回false
2010/03/14 Javascript
firefox火狐浏览器与与ie兼容的2个问题总结
2010/07/20 Javascript
js使浏览器窗口最大化实现代码(适用于IE)
2013/08/07 Javascript
JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
2013/11/25 Javascript
js获取内联样式的方法
2015/01/27 Javascript
jQuery中toggle()函数的使用实例
2015/04/17 Javascript
springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
2017/04/23 Javascript
Jquery把获取到的input值转换成json
2017/05/15 jQuery
vue轮播图插件vue-awesome-swiper
2017/11/27 Javascript
使用Vue组件实现一个简单弹窗效果
2018/04/23 Javascript
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
2018/12/29 jQuery
微信小程序代码上传、审核发布小程序
2019/05/18 Javascript
微信小程序页面调用自定义组件内的事件详解
2019/09/12 Javascript
json字符串对象转换代码实例
2019/09/28 Javascript
[04:26]2014DOTA2西雅图国际邀请赛 总决赛TOPPLAY
2014/07/22 DOTA
python批量修改文件名的实现代码
2014/09/01 Python
python 实现一个贴吧图片爬虫的示例
2017/10/12 Python
python redis 删除key脚本的实例
2019/02/19 Python
微信小程序python用户认证的实现
2019/07/29 Python
python用类实现文章敏感词的过滤方法示例
2019/10/27 Python
使用python-opencv读取视频,计算视频总帧数及FPS的实现
2019/12/10 Python
在python3.64中安装pyinstaller库的方法步骤
2020/06/02 Python
巧克力领导品牌瑞士莲美国官网:Lindt Chocolate美国
2016/08/25 全球购物
巴西食品补充剂在线零售商:Músculos na Web
2017/08/07 全球购物
香港中原电器网上商店:Chung Yuen
2019/06/26 全球购物
房地产销售计划书
2014/01/10 职场文书
物流毕业生个人的自我评价
2014/02/13 职场文书
关于运动会广播稿300字
2014/10/05 职场文书
Linux7.6二进制安装Mysql8.0.27详细操作步骤
2021/11/27 MySQL
MySQL sql模式设置引起的问题
2022/05/15 MySQL