如何获取JQUERYAJAX返回的JSON结果集实现代码_基础知识
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了如何获取JQUERYAJAX返回的JSON结果集实现代码_基础知识,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2307字,纯文字阅读大概需要4分钟。
内容图文
代码如下:我写了个方法,用于查询结果,但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=$("
"
"
"
"
"
"
"
"
"
);
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("删除");
row.find("#operator").html("");;
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;
}
内容总结
以上是互联网集市为您收集整理的如何获取JQUERYAJAX返回的JSON结果集实现代码_基础知识全部内容,希望文章能够帮你解决如何获取JQUERYAJAX返回的JSON结果集实现代码_基础知识所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。