如何获取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 JavaScript获取Url参数,src属性参数
Mar 09 Javascript
Prototype使用指南之base.js
Jan 10 Javascript
深入理解Javascript闭包 新手版
Dec 28 Javascript
js单独获取一个checkbox看其是否被选中
Sep 22 Javascript
《JavaScript DOM 编程艺术》读书笔记之DOM基础
Jan 09 Javascript
基于jquery实现放大镜效果
Aug 17 Javascript
Vue.js教程之计算属性
Nov 11 Javascript
浅谈jquery页面初始化的4种方式
Nov 27 Javascript
vue-router单页面路由
Jun 17 Javascript
vue组件生命周期详解
Nov 07 Javascript
JS实现的JSON序列化操作简单示例
Jul 02 Javascript
详解Vue中的watch和computed
Nov 09 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
利用PHP和AJAX创建RSS聚合器的代码
2007/03/13 PHP
PHP加Nginx实现动态裁剪图片方案
2014/03/10 PHP
ThinkPHP的常用配置选项汇总
2016/03/24 PHP
PHP与以太坊交互详解
2018/08/24 PHP
利用Ext Js生成动态树实例代码
2008/09/08 Javascript
javascript 正则替换 replace(regExp, function)用法
2010/05/22 Javascript
另一个javascript小测验(代码集合)
2011/07/27 Javascript
js 字符串转换成数字的三种方法
2013/03/23 Javascript
javascript 循环调用示例介绍
2013/11/20 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
2013/12/12 Javascript
javascript中键盘事件用法实例分析
2015/01/30 Javascript
Javascript类型转换的规则实例解析
2016/02/23 Javascript
AngularJS入门教程之路由机制ngRoute实例分析
2016/12/13 Javascript
用file标签实现多图文件上传预览
2017/02/14 Javascript
浅谈Vue.nextTick 的实现方法
2017/10/25 Javascript
JS实现留言板功能[楼层效果展示]
2017/12/27 Javascript
vue-router之nuxt动态路由设置的两种方法小结
2018/09/26 Javascript
vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知
2019/08/17 Javascript
Vue 使用typescript如何优雅的调用swagger API
2020/09/01 Javascript
Openlayers绘制聚合标注
2020/09/28 Javascript
Python数据类型学习笔记
2016/01/13 Python
python实现逻辑回归的方法示例
2017/05/02 Python
Python GUI Tkinter简单实现个性签名设计
2018/06/19 Python
Python使用docx模块实现刷题功能代码
2020/02/13 Python
基于python图像处理API的使用示例
2020/04/03 Python
遮罩层 + Iframe实现界面自动显示的示例代码
2020/04/26 HTML / CSS
美国机场停车位预订:About Airport Parking
2018/03/26 全球购物
什么是重载?CTS、CLS和CLR分别做何解释
2012/05/06 面试题
元旦红领巾广播稿
2014/02/19 职场文书
2014年实习期工作总结
2014/11/27 职场文书
2015年教师新年寄语
2014/12/08 职场文书
2014年中班下学期工作总结
2014/12/11 职场文书
田径运动会通讯稿
2015/07/18 职场文书
配置nginx 重定向到系统维护页面
2021/06/08 Servers
《极主夫道》真人电影正式预告 定档6月3日上映
2022/04/05 日漫
基于docker安装zabbix的详细教程
2022/06/05 Servers