如何获取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 事件查询综合
Jul 13 Javascript
JS+CSS实现模仿浏览器网页字符查找功能的方法
Feb 26 Javascript
BootStrap 智能表单实战系列(五) 表单依赖插件处理
Jun 13 Javascript
jquery 属性选择器(匹配具有指定属性的元素)
Sep 06 Javascript
浅谈vuex之mutation和action的基本使用
Aug 29 Javascript
基于ajax和jsonp的原生封装(实例)
Oct 16 Javascript
在vue-cli项目中使用bootstrap的方法示例
Apr 21 Javascript
微信小程序上传图片实例
May 28 Javascript
ndm:NPM的桌面GUI应用程序
Oct 15 Javascript
vue2 v-model/v-text 中使用过滤器的方法示例
May 09 Javascript
json字符串对象转换代码实例
Sep 28 Javascript
详解ES6 CLASS在微信小程序中的应用实例
Apr 24 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新建文件自动编号的思路与实现
2011/06/27 PHP
codeigniter中测试通过的分页类示例
2014/04/17 PHP
php ci框架中加载css和js文件失败的原因及解决方法
2014/07/29 PHP
Valerio 发布了 Mootools
2006/09/23 Javascript
LazyForm jQuery plugin 定制您的CheckBox Radio和Select
2009/10/24 Javascript
ext combox 下拉框不出现自动提示,自动选中的解决方法
2010/02/24 Javascript
xheditor与validate插件冲突的解决方案
2010/04/15 Javascript
javascript真的不难-回顾一下基础知识
2013/01/15 Javascript
HTML Color Picker(js拾色器效果)
2013/08/27 Javascript
枚举的实现求得1-1000所有出现1的数字并计算出现1的个数
2013/09/10 Javascript
常用的JavaScript验证正则表达式汇总
2013/11/26 Javascript
Windows系统下Node.js的简单入门教程
2015/06/23 Javascript
JavaScript中的splice方法用法详解
2016/07/20 Javascript
让编辑器支持word复制黏贴、截屏的js代码
2016/10/17 Javascript
基于JavaScript实现滑动门效果
2017/03/16 Javascript
js自定义瀑布流布局插件
2017/05/16 Javascript
View.post() 不靠谱的地方你知道多少
2017/08/29 Javascript
zTree异步加载展开第一级节点的实现方法
2017/09/05 Javascript
元素全屏的设置与监听实例
2017/11/28 Javascript
JavaScript函数apply()和call()用法与异同分析
2018/08/10 Javascript
为nuxt项目写一个面包屑cli工具实现自动生成页面与面包屑配置
2019/09/29 Javascript
浅谈scrapy 的基本命令介绍
2017/06/13 Python
定制FileField中的上传文件名称实例
2017/08/23 Python
python 接口返回的json字符串实例
2018/03/27 Python
django rest framework vue 实现用户登录详解
2019/07/29 Python
python pillow模块使用方法详解
2019/08/30 Python
使用sklearn对多分类的每个类别进行指标评价操作
2020/06/11 Python
python数据抓取3种方法总结
2021/02/07 Python
html5的canvas元素使用方法介绍(画矩形、画折线、圆形)
2014/04/14 HTML / CSS
乐观大学生的自我评价
2014/01/10 职场文书
2014年学生党支部工作总结
2014/12/20 职场文书
简历中自我评价范文
2015/03/11 职场文书
小学英语教师2015年度个人工作总结
2015/10/14 职场文书
《角的度量》教学反思
2016/02/18 职场文书
MySQL 时间类型的选择
2021/06/05 MySQL
python程序的组织结构详解
2021/12/06 Python