<div>
Sounds like this is doing access cross sites, e.g. another domain, port, ... 
This is not allowed in browsers, when not specifically allowed by the server (see CORS)
</div>

<div>
Hi Steh. Thank you for your reply, but that's not the case: the script is in the same domain
</div>

<div>
In addition, notice that the function returns correct values and prints them in console. It's only from the code which calls the function that values are undefined...
</div>

<div>
The same result trying this: 

<pre><code class="code-1 nolinks" id="code-20-41446019-1">jQuery('body').click(function(){
	pc_cards_number = getFolderCardsNumber('PC');
	sp_cards_number = getFolderCardsNumber('SP');
	console.log(pc_cards_number);
	console.log(sp_cards_number);
});
</code></pre>
I thought I had to wait for all other script execution end but that has nothing to do with this: page completely loaded, in console appear the two output produced internally by the funciton itself; if I click I get right result from within the function and undefined by the click event. Going crazy, here...
</div>

<div>
It looks like the click event calls the console.log() function before the function return the result...
</div>

<div>
I even tried to set a timeout this way, in order to delay the console.log() call: 

<pre><code class="code-10 nolinks" id="code-20-41446030-1">jQuery('body').click(function(){
	pc_cards_number = getFolderCardsNumber('PC', 
 	 setTimeout(function(){
		 console.log(pc_cards_number);	
 }, 1000)
	);
	sp_cards_number = getFolderCardsNumber('SP', 
	 setTimeout(function(){
	 console.log(sp_cards_number);	
	 }, 1000)
 );
});
</code></pre>
Now the undefined are printed after the function has printed correct values... But they are still undefined!
</div>

<div>
Thank you Gregg. Yes, now I agree about that. Please, when you are on a computer can you give some guidance on promises? In the meanwhile I'll investigate by myself :-) Cheers
</div>

<div>
Another possibility is conflict (same variable name in local (within function) and global (with your page) 
 
You may do explicit declaration in global (page scope).
</div>

<div>
Hi Pravin, thenk you for your reply but that is not the case. I learned soemthing about promises but... I can't test it now because the server has become suddenly unaccessible :-) Hope to work on tomorrow. 
Cheers
</div>

<div>
Hi Marco, 
your problem is due to the fact that the ajax call is asynchronous and the function exits before the result arrives. 
 
To solve this you have two options, either pass a callback or use promises. 
 
I'll post here the callback example because is the easiest to understand:
<pre><code class="code-10 nolinks" id="code-20-41446255-1">function getFolderCardsNumber(folder, callback) {
 jQuery.ajax({
 type: 'post',
 url: 'script.php',
 data: {
 folder: folder
 },
 success: function(result) {
 var response = JSON.parse(result);
 console.log('in folder ' + folder + ' there are ' + response + ' cards');
 
 // call the callback function passing the result
 if(callback){
 	callback(response);
 }
 },
 error: function(result) {
 console.log('error');
 }
 });
}


jQuery(document).ready(function() {
 var pc_cards_number, sp_cards_number;
 
 getFolderCardsNumber('PC', function(result){
 	pc_cards_number = result;
 	console.log('inner PC is ' + pc_cards_number);
 });
 
 getFolderCardsNumber('SP', function(result){
 	sp_cards_number = result;
 	console.log('inner SP is ' + sp_cards_number);
 });
});
</code></pre>
There's also the option to make the ajax call synchronous but I don't like to advise this because it will block the flow while the data is being fetched; resulting in a page hanging for the user.
</div>

<div>
Hi Alexandre, thanks for your reply. But the use of callback let me uncertain: for the moment I just have to put the returned value in a variable... 
 
@Gregg: I tried to use promises and things seems to go better, but not clearly enough to me :-) 

<pre><code class="code-10 nolinks" id="code-20-41447148-1">function getFolderCardsNumber(folder) {
	return Promise.resolve(jQuery.ajax({
		type: 'post',
		url: 'script.php',
		data: {folder: folder},
		success: function (result)
		{
			var response = JSON.parse(result);
			console.log(folder+' is '+response);
			return response;
		},
		error: function (result)
		{
			console.log('error');
		}
	})
	);
}

jQuery(document).ready(function ()
{
	var pc_cards_number, sp_cards_number;
	getLinkRequests('new_link_requests');
	
	var promise = getFolderCardsNumber('PC');
	promise.then(function(result){
		pc_cards_number = result;
		console.log('inner 1 is '+pc_cards_number);
	});
	console.log('inner 2 is '+pc_cards_number);
	var promise = getFolderCardsNumber('SP');
	promise.then(function(result){
		sp_cards_number = result;
		console.log('inner 3 is '+sp_cards_number);
	});
	console.log('inner 4 is '+sp_cards_number);
});
</code></pre>
The output is: 
 
inner 2 is undefined 
inner 4 is undefined 
PC is 10 //printed internally by getFolderCardsNumber() function 
inner 1 is 10 
SP is 5 //printed internally by getFolderCardsNumber() function 
inner 3 is 5 
 
So it seems that I can't get a persistent value for my variables, that is a value which stays in variables outside some function. Probably this would be the result using Alexandre's suggestion using a callback function to printout values. 
 
Probably, I can be happy with this solution (I have still to test in complete script) but I wouldlike to know what I'm missing here...
</div>

<div>
I'll post link to a new quesiton soon. Thank you!
</div>

<div>
Hi. Here's the link to the new related question: <a href="https://www.experts-exchange.com/questions/28923436/jQuery-promises-in-sequence.html" rel="ugc">https://www.experts-exchange.com/questions/28923436/jQuery-promises-in-sequence.html</a>
</div>

<div>
<div class="content wysiwyg-content">
Hi all. 
I have a probably stupid problem I can' sove by myself :-( 
I have this function which returns a number: 

<pre><code class="code-10 nolinks" id="code-10-28923201-1">function getFolderCardsNumber(folder) {
	jQuery.ajax({
		type: 'post',
		url: 'script.php',
		data: {folder: folder},
		success: function (result)
		{
			var response = JSON.parse(result);
			console.log('in folder ' + folder + ' there are '+response + ' cards');
			return response;
		},
		error: function (result)
		{
			console.log('error');
		}
	});
}
</code></pre>
The value in console is correct, so it looks to work fine. But here &nbsp;I get undefined! 

<pre><code class="code-1 nolinks" id="code-10-28923201-2">jQuery(document).ready(function ()
{
	var pc_cards_number, sp_cards_number;
	pc_cards_number = getFolderCardsNumber('PC');
	console.log('inner PC is '+pc_cards_number);
	sp_cards_number = getFolderCardsNumber('SP');
	console.log('inner SP is '+sp_cards_number);
});
</code></pre>
Thnk you so mutch.
</div>
</div>

Hi all.
I have a probably stupid problem I can' sove by myself :-(
I have this function which returns a number:
(CODE)
The value in console is correct, so it looks to work fine. But here  I get undefined!
(CODE)
Thnk you so mutch.

javascript function return problem

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

Asynchronous JavaScript and XML (AJAX) is a group of interrelated Web development techniques used on the client-side to create asynchronous Web applications. With AJAX, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. HTML and CSS can be used in combination to mark up and style information. The Document Object Model (DOM) is accessed with JavaScript to dynamically display and allow interaction with the information presented.

AJAX

JavaScript Object Notation, or JSON, is human-readable text used when transmitting data objects consisting of attribute:value pairs between a server and a web application as an alternative to XML. JSON, while it is originally derived from JavaScript, is a language-independent data format. Code for parsing and generating JSON data is available in many programming languages.