将字符串从函数传递到变量Javascript
我有一个函数,我正试图从中传递一个字符串以创建一个新变量-请参见以下内容:将字符串从函数传递到变量Javascript,javascript,jquery,function,variables,Javascript,Jquery,Function,Variables,我有一个函数,我正试图从中传递一个字符串以创建一个新变量-请参见以下内容: function networks(networkGroupId) { jQuery.ajax({ type: 'GET' , url: apiURL + 'api/v4/networkGroups/' + networkGroupId + '/countries?count=500' , dataType: 'json' , success: fu
function networks(networkGroupId) {
jQuery.ajax({
type: 'GET'
, url: apiURL + 'api/v4/networkGroups/' + networkGroupId + '/countries?count=500'
, dataType: 'json'
, success: function (networkGroup) {
var regionList = []; // temporary array
jQuery.each(networkGroup.countryList, function (i, countryList) {
regionList.push( countryList.code + ": 'NORTH AMERICA'")
});
var regionListOutput = '{' + regionList + '}';
console.log(regionListOutput);
}
});
};
var networkList = networks('15001');
console.log('Network List = ' + networkList);
我遇到的问题是,当我运行这个程序时,控制台输出为
Network List = undefined
{AG: 'NORTH AMERICA',AI: 'NORTH AMERICA',AR: 'NORTH AMERICA',AW: 'NORTH AMERICA',BB: 'NORTH AMERICA',BM: 'NORTH AMERICA',BO: 'NORTH AMERICA',BR: 'NORTH AMERICA',CL: 'NORTH AMERICA',CO: 'NORTH AMERICA',CR: 'NORTH AMERICA',CW: 'NORTH AMERICA',DM: 'NORTH AMERICA',DO: 'NORTH AMERICA',EC: 'NORTH AMERICA',GD: 'NORTH AMERICA',GF: 'NORTH AMERICA',GT: 'NORTH AMERICA',HT: 'NORTH AMERICA',JM: 'NORTH AMERICA',KN: 'NORTH AMERICA',KY: 'NORTH AMERICA',LC: 'NORTH AMERICA',PA: 'NORTH AMERICA',PE: 'NORTH AMERICA',PY: 'NORTH AMERICA',TC: 'NORTH AMERICA',TT: 'NORTH AMERICA',UY: 'NORTH AMERICA',VC: 'NORTH AMERICA',VE: 'NORTH AMERICA',VG: 'NORTH AMERICA',MQ: 'NORTH AMERICA',GP: 'NORTH AMERICA',SV: 'NORTH AMERICA',HN: 'NORTH AMERICA',NI: 'NORTH AMERICA',BS: 'NORTH AMERICA',BZ: 'NORTH AMERICA',GY: 'NORTH AMERICA',MF: 'NORTH AMERICA',MS: 'NORTH AMERICA',SR: 'NORTH AMERICA',BQ: 'NORTH AMERICA',BL: 'NORTH AMERICA',SX: 'NORTH AMERICA'}
当我希望两个日志都是字符串{…}
我想我知道networkList
返回为未定义,因为它没有等待networks('15001')
的结果,但我不知道如何去纠正这个问题。有人能帮忙吗
编辑
为了进一步说明,在将networkList的变量设置为字符串{AG:'NORTH AMERICA',AI:'NORTH AMERICA'…}
之后,我想将其传递给变量regionStyling
请参见下文(控制台日志仅用于检查传递的字符串是否正确):
欢迎来到异步世界 首先,您没有返回方法内部的任何内容。 然后,方法内部发生的事情是异步的,这意味着基于许多事情可能需要一段时间,另一方面,以下几行是一行接一行的: var networkList=网络('15001') log('networkList='+networkList) 因此,同时这两行正在立即执行,可能AJAX paart尚未完全执行,因此不会返回任何值 您可以做两件事: 1-使用回调 在当前效果完成后执行回调函数 2使用承诺(我更喜欢这样而不是回调) 因此,一旦事情变得非常有趣,并且您仍在使用回调,您就可以轻松进入 撇开异步部分不谈,您在这里试图实现的目标实际上没有多大意义: var regionListOutput='{'+regionList+'}' 因为您正在连接字符串和数组。您需要做的是在已有的foreach循环中执行这个连接部分。我编辑了两种方法 这里有一个JS小提琴你可以测试。
欢迎来到异步世界 首先,您没有返回方法内部的任何内容。 然后,方法内部发生的事情是异步的,这意味着基于许多事情可能需要一段时间,另一方面,以下几行是一行接一行的: var网络列表=网络('15001') log('networkList='+networkList) 因此,同时这两行正在立即执行,可能AJAX paart尚未完全执行,因此不会返回任何值 您可以做两件事: 1-使用回调 在当前效果完成后执行回调函数 2使用承诺(我更喜欢这样而不是回调) 因此,一旦事情变得非常有趣,并且您仍在使用回调,您就可以轻松进入 撇开异步部分不谈,您在这里试图实现的目标实际上没有多大意义: var regionListOutput='{'+regionList+'}' 因为您正在连接字符串和数组。您需要做的是在已有的foreach循环中执行这个连接部分。我编辑了两种方法 这里有一个JS小提琴你可以测试。
您的函数
网络
没有返回
语句,因此函数的返回值总是未定义
。您的函数网络
没有返回
语句,因此,函数的返回值始终是未定义的
。虽然对console.log使用回调方法,但它仍然没有将networkList的变量设置为字符串{AG:'NORTH AMERICA',AI:'NORTH AMERICA'…}
我希望这个变量就是那个字符串,这样我就可以在另一个函数中将它用作变量。@JodySergison再次检查回调方法,应答器上有一个版本。这个仍然没有将networkList的变量设置为字符串{AG:'北美',AI:'北美'…}
。请参阅我对原始帖子的编辑。谢谢你的帮助。@JodySergison我想我终于明白了你说的话,你可以查看编辑后的答案和JS提琴,以便更好地理解。我没有使用JQuery的foreach,而是使用了ES6。虽然对console.log使用回调方法,但它仍然没有将networkList的变量设置为字符串{AG:'NORTH AMERICA',AI:'NORTH AMERICA'…}
我希望这个变量就是那个字符串,这样我就可以在另一个函数中将它用作变量。@JodySergison再次检查回调方法,应答器上有一个版本。这个仍然没有将networkList的变量设置为字符串{AG:'北美',AI:'北美'…}
。请参阅我对原始帖子的编辑。谢谢你的帮助。@JodySergison我想我终于明白了你说的话,你可以查看编辑后的答案和JS提琴,以便更好地理解。我没有使用JQuery的foreach,而是使用ES6
function networks(networkGroupId, callback) {
jQuery.ajax({
type: 'GET'
, url: apiURL + 'api/v4/networkGroups/' + networkGroupId + '/countries?count=500'
, dataType: 'json'
, success: function (networkGroup) {
var regionList = []; // temporary array
jQuery.each(networkGroup.countryList, function (i, countryList) {
regionList.push(countryList.code + ": 'NORTH AMERICA'")
});
var regionListOutput = '{' + regionList + '}';
console.log(regionListOutput);
callback(regionListOutput);
}
});
};
var networkList = [];
networks('15001', function (regionListGottenFromTheNetworksFunction) {
networkList = regionListGottenFromTheNetworksFunction;
console.log('Network List = ' + networkList);
});
console.log(networkList);
var regionStyling = {
regions: [{
values: networkList //this should be the string {AG: 'NORTH AMERICA',AI:...}
, scale: {
"NORTH AMERICA": "#2761ad"
, "EUROPE": "#d58aa3"
, "ASIA": "#ee549f"
, "LATIN AMERICA": "#15bbba"
, "AFRICA & MIDDLE EAST": "#8864ab"
}
}]
};`
function networks(networkGroupId, callback) {
jQuery.ajax({
type: 'GET'
, url: apiURL + 'api/v4/networkGroups/' + networkGroupId + '/countries?count=500'
, dataType: 'json'
, success: function (networkGroup) {
var regionList = []; // temporary array
var regionListOutput = '{';
jQuery.each(networkGroup.countryList, function (i, countryList) {
regionList.push( countryList.code + ": 'NORTH AMERICA'");
regionListOutput += countryList.code + ":'NORTH AMERICA',";
});
regionListOutput = regionListOutput.replace(/,\s*$/, ""); //Remove last comma
regionListOutput += "}";
callback(regionListOutput);
}
});
};
var networkList = [];
networks('15001', function(regionListString){
networkList = regionListString;
console.log('Network List = ' + networkList);
});
function networks(networkGroupId, callback) {
return new Promise(function(resolve, reject){
jQuery.ajax({
type: 'GET'
, url: apiURL + 'api/v4/networkGroups/' + networkGroupId + '/countries?count=500'
, dataType: 'json'
, success: function (networkGroup) {
var regionList = []; // temporary array
var regionListOutput = '{';
jQuery.each(networkGroup.countryList, function (i, countryList) {
regionList.push( countryList.code + ": 'NORTH AMERICA'");
regionListOutput += countryList.code + ":'NORTH AMERICA',";
});
regionListOutput = regionListOutput.replace(/,\s*$/, ""); //Remove last comma
regionListOutput += "}";
resolve(regionListOutput);
}
});
})
};
var networkList;
networks('15001').then(function(regionListString){
networkList = regionListString;
})