Problema variabile

[Gin7]

Buongiorno, non riesco a trovare l' errore in questo piccolo script, il problema è legato al passaggio di una variabile tra funzioni. Nonostante mi sia assicurato che la variabile sia globale non ritrovo la variabile. Ecco il codice:

var reservedArr;
function getidRef(input) {
        if($('#idRef').length != 0) var idRef = $('#idRef').val();
		$.getJSON('ajax/reservation.php?idRef='+idRef, function(data) {
			$.each(data, function(key, val) {
				reservedArr = ['"'+val.checkIn+'", "'+val.checkOut+'"'];
			});
		});
		alert(reservedArr); //questo alert mi restituisce undefined
	}

Ringrazio anticipatamente, buona domenica

[cavicchiandrea]

A) meglio non avere variabili identiche agli oggetti del documento
if($('#idRef').length != 0) var idRef = $('#idRef').val();
su questo pezzo ho forti dubbi
if($('#idRef').length != 0) var idRef = $('#idRef').val();
se idRef è un input text nell if ci vuole .val().length oppure devi cambiare la variabile successiva, in oltre la chiamata $.getJSON restituisce una risposta valida e corretta?

[Gin7]

Ciao, innanzi tutto ti ringrazio per i consigli che già mi hai dato
Riguardo la chiamata.. si, la risposta è corretta..infatti se metto l' alert, ad esempio, dentro il ciclo "each" il risultato è giusto

[Gin7]

Ho modificato un po il codice. Il problema è sempre lo stesso:

$(function() {
		var cIn = [], cOut = [];
		
		$.getJSON("ajax/reservation.php?idRef=34",
			function(data) {
				for (x = 0; x < data.length; x++) {
					cIn.push(data[x].checkIn);
				}
				alert(cIn.length); //risultato corretto
		})
		alert(cIn.length); //array vuoto
})

Appena dunque esco dalla funzione di getJson (success), l' array si svuota... o comunque non viene modificato correttamente.
Qualche suggerimento?

[cavicchiandrea]

Secondo me ricevi dati sbagliati (anche il solo json scorretti e non interpretabili da jquery può bastare) da ajax/reservation.php metti degli alert per vedere cosa ricevi. http://api.jquery.com/jQuery.getJSON/

[Gin7]

No, purtroppo li ricevo correttamente:

var cIn = [], cOut = [];
$.getJSON("ajax/reservation.php?idRef=34", function(data){
			for (x = 0; x < data.length; x++) {
				alert(data[x].checkIn);
				alert(data[x].checkOut);
			}
                        alert(cIn.length); //risultato corretto
		})
		.error(function() { alert("error"); });
                alert(cIn.length); //risultato non corretto

In particolare, l' array che invio tramite PHP è questo:

[{"checkIn":"05-05-2012","checkOut":"05-12-2012","days":"7"},{"checkIn":"05-18-2012","checkOut":"05-20-2012","days":"2"}]

[Vindav]

l'array è vuoto perche viene eseguita prima l'istruzione successiva(l'alert) e dopo il "success" con conseguente riempimento dell'array. Il success viene richiamato solo quando il server ha finito di elaborare i dati e li ha restituiti, l'alert viene invece eseguito appena dopo aver effettuato la chiamata ajax, è un comportamento standard.

[Gin7]

Ciao, intanto ti ringrazio per la risposta. Stanotte sono giunto ad una conclusione simile, che il codice all'interno della function ( success di getJSON) viene eseguito dopo. Non sono però riuscito a risolvere il problema, l'unica cosa che mi è venuta in mente è di richiamare la funzione esternamente. Ma non ci sono riuscito. Potreste darmi un altro suggerimento in proposito? ringrazio

[carlomarx]

Tutto ciò che dovrà utilizzare o tenere conto del responso di XMLHttpRequest dovrà essere inserito all'interno della funzione. Si chiama uso "asincrono" non per niente (viene eseguito dopo, come hai detto tu; e non hai modo di sapere quando: quando è pronto, punto e basta)... Non hai alternative.

[Gin7]

Ahahah bellissima la crudezza con cui mi hai spiegato l' "asincronia"
Allora posso chiederti come usciresti da quello che per me sta diventando quasi un rompicapo?
la situazione è questa:
Ho inserito, nella pagina, un calendario datepicker di Jquery. Devo segnare alcuni range di date, prese dal database (che è quello che sto cercando di fare).
La situazione nel js è la seguente:

$(document).ready(function() {
 ....funzioni varie estranee a questo problema....
 $(function() {
		var reservationsList = []; // array che conterrà altri array, con i range
		var id;
		
		function getId() { //la funzione prende l' id a cui si devono riferire le date. Da correggere con le segnalazioni di cavicchiandrea
			if($('#idRef').length != 0) {
				id = $('#idRef').val();
			}
		};
		
		$.getJSON("ajax/reservation.php?idRef="+id, {}, getReservations);

               function getReservations(reservations) {
                 for (x = 0; x < list.length; x++) {
                      reservation = ['"'+reservations[x].checkIn+'", "'+reservations[x].checkOut'"];
		      reservationsList.push(reservation);
	          }
               };
		
	        function checkReservation(date){
                        //qua dentro mi serve l' array reservationsList, per poter controllare la data
			return [true]; //per il momento è presente solo questo
		};
		
		$( "#datepicker" ).datepicker({
			//...parametri vari...
			beforeShowDay: checkReservation
		});
	});

       ....altre funzioni varie estranee al problema....
 
}

Forse è una cavolata, ma dovrei mettere checkReservation dentro il success di jetJSON? se si... poi come la richiamo?