DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 如何獲取JQUERY AJAX返回的JSON結果集實現代碼
如何獲取JQUERY AJAX返回的JSON結果集實現代碼
編輯:JavaScript基礎知識     
代碼如下:我寫了個方法,用於查詢結果,但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;
}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved