如何獲取JQUERY AJAX返回的JSON結(jié)果集實(shí)現(xiàn)代碼
更新時間:2012年12月10日 17:51:34 作者:
我寫了個方法,用于查詢結(jié)果,但debug過程中發(fā)現(xiàn)結(jié)果集有數(shù)據(jù),我如何通過變量獲取呢
代碼如下:我寫了個方法,用于查詢結(jié)果,但debug過程中發(fā)現(xiàn)結(jié)果集有數(shù)據(jù),我如何通過變量獲取呢?
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);
我這樣獲取的結(jié)果是undefined結(jié)果,但方法里舒適返回結(jié)果了,請賜教。
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格式的數(shù)據(jù)
url: "AccountList.action",//要訪問的后臺地址
data: data,//要發(fā)送的數(shù)據(jù)
complete :function(){},//AJAX請求完成時隱藏loading提示
success: callbackFun//msg為返回的數(shù)據(jù),在這里做數(shù)據(jù)綁定
});
}
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");//改變綁定好數(shù)據(jù)的行的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;
}
這里是回調(diào)函數(shù)返回data而不是你定義的函數(shù)返回,修改如下:
function getChildNodeArrayByParentID(categoryCode) {
var result;
$.ajax(
{
type: "get",
url: "DynamicMenuItemsHandler.ashx",
data: { MenuItemCode: categoryCode },
async: false,
success: function(data) {
result = data;
}
});
return result;
}
JScript code
復(fù)制代碼 代碼如下:
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);
我這樣獲取的結(jié)果是undefined結(jié)果,但方法里舒適返回結(jié)果了,請賜教。
HTML code
復(fù)制代碼 代碼如下:
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格式的數(shù)據(jù)
url: "AccountList.action",//要訪問的后臺地址
data: data,//要發(fā)送的數(shù)據(jù)
complete :function(){},//AJAX請求完成時隱藏loading提示
success: callbackFun//msg為返回的數(shù)據(jù),在這里做數(shù)據(jù)綁定
});
}
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");//改變綁定好數(shù)據(jù)的行的id
row.appendTo("#datas");//添加到模板的容器中
});
}
JScript code
復(fù)制代碼 代碼如下:
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;
}
這里是回調(diào)函數(shù)返回data而不是你定義的函數(shù)返回,修改如下:
function getChildNodeArrayByParentID(categoryCode) {
var result;
$.ajax(
{
type: "get",
url: "DynamicMenuItemsHandler.ashx",
data: { MenuItemCode: categoryCode },
async: false,
success: function(data) {
result = data;
}
});
return result;
}
相關(guān)文章
javascript 基礎(chǔ)篇4 window對象,DOM
window這個對象我們之前也稍微接觸過了,其實(shí)就是對窗體進(jìn)行操作,利用這個對象我們可以實(shí)現(xiàn)很多的操作,比如窗口移動啊,設(shè)置窗口大小啊等等2012-03-03JavaScript字符串對象replace方法實(shí)例(用于字符串替換或正則替換)
這篇文章主要介紹了JavaScript字符串對象replace方法實(shí)例,replace方法用于字符串替換,同時支持正則表達(dá)式替換,需要的朋友可以參考下2014-10-10javascript學(xué)習(xí)筆記(十八) 獲得頁面中的元素代碼
javascript學(xué)習(xí)筆記之獲得頁面中的元素代碼,需要的朋友可以參考下2012-06-06THREE.JS入門教程(4)創(chuàng)建粒子系統(tǒng)
Three.js是一個偉大的開源WebGL庫,WebGL允許JavaScript操作GPU,在瀏覽器端實(shí)現(xiàn)真正意義的3D本文將介紹創(chuàng)建一個粒子系統(tǒng)/風(fēng)格/引入物理等等,感興趣的朋友可以了解下哦,希望本文對你有所幫助2013-01-01js取0-9隨機(jī)取4個數(shù)不重復(fù)的數(shù)字代碼實(shí)例
這篇文章主要介紹了js取0-9隨機(jī)取4個數(shù)不重復(fù)的數(shù)字,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03