[JavaScript][AJAX]Kod nie wykonuje sie za kazdym razem, Dlaczego tak sie dzieje? Opcje

[Twist]

Mamy nastepujacy kod:
Najpierw wywouluej funkcje, ktora laduej reszte

[PHP] pobierz, plaintext 
    $("a#showA").click(function () {
        getHotelInfo(apiKey);
    });
[PHP] pobierz, plaintext 

I po kolei:

[PHP] pobierz, plaintext 
function getHotelInfo(yourAPIKey) {
 var enquiry = "XXX; //tutaj url do wykonania
 //alert(enquiry);
 $.ajax({
     url: enquiry,
     type: 'GET',
     dataType: "jsonp",
     jsonp: "callback",
     jsonpCallback: "jsonpCallback2",
     complete: function (response, responseCode) {
     },
     success: function (json) {
         $.each(json.Contracts, function (index, contract) {
             getAvailability(yourAPIKey, contract.ContractCode, startDate, endDate);
             getRates(yourAPIKey, contract.ContractCode, startDate, endDate);
             alert(contract.ContractCode + " - done "); // <---- O TYM MOWIE
         });
     }
 });
}
[PHP] pobierz, plaintext 

Funkcje getAvailability i getRates - powinny sie wekonac dwukrotnie. I tak jest - wszystko super. Problem polega na tym, że gdy usune alert to te funkcje wykonuje sie tyko raz.

oto te 2 funkcje oraz tzrecia, ktorej obie uzywaja:

[PHP] pobierz, plaintext 
function populateValues(Type, Contractname, RoomType, Date, val) {
    $("input#" + Type + "_IE-ORK-IN-32966275_" + Contractname + "_" + RoomType + "_" + Date).val(val);
   // alert("input#" + Type + "_" + Contractname + "_" + RoomType + "_" + Date + " -> " + val);
}
 
 function getRates(yourAPIKey, contractCode, startDate, endDate) {
     var ratesEnquiry = "URL + yourAPIKey + "&contractCode=" + contractCode + "&startDate=" + startDate + "&endDate=" + endDate;
 
     $.ajax({   
         url: ratesEnquiry,
         type: 'GET',
         dataType: "jsonp",
         jsonp: "callback",
         jsonpCallback: "jsonpCallback3",
         complete: function (response, responseCode) {
             //console.log(response); console.log(responseCode);
             //alert("complete");           
         },
         success: function (json) {
             $.each(json, function (index, value) {
                // populateValues("rate", this.ContractCode, this.RoomTypeCode, this.Date.substr(0, 10), this.RoomPrice);
                // populateValues("hrate", this.ContractCode, this.RoomTypeCode, this.Date.substr(0, 10), this.RoomPrice);                 
             });
         }
     });
 }
 
function getAvailability(yourAPIKey, contractCode, startDate, endDate) {
    var availabilityEnquiry = "[i]URL[/i]" + yourAPIKey + "&contractCode=" + contractCode + "&startDate=" + startDate + "&endDate=" + endDate;
    $.ajax({
        url: availabilityEnquiry,
        type: 'GET',
        dataType: "jsonp",
        jsonp: "callback",
        jsonpCallback: "jsonpCallback",
        complete: function (response, responseCode) {
            //console.log(response); console.log(responseCode);
            //alert("complete");           
        },
        success: function (json) {
            $.each(json, function (index, value) {
                //populateAvailability(this.Date.substr(0, 10), this.RoomTypeCode, this.ContractCode, this.Quantity);
                populateValues("avail", this.ContractCode, this.RoomTypeCode, this.Date.substr(0, 10), this.Quantity);
                populateValues("havail", this.ContractCode, this.RoomTypeCode, this.Date.substr(0, 10), this.Quantity);              
            });
        }
    });
}
[PHP] pobierz, plaintext 

Powiedzialby, że to dziwne. Ale nauczylem sie, ze jak coś jest dziwne, to znaczy, ze tego nie rozumiem. Moze mi ktos wytlumaczy?

[lobopol]

[JAVASCRIPT] pobierz, plaintext 
$("a#showA").click(function (e) {
        e.preventDefault();
        getHotelInfo(apiKey);
    });
[JAVASCRIPT] pobierz, plaintext 

Strona ci się zapewne przeładowywała

[Twist]

Dzieki za pomoc, ale to jednak nie to, poniewaz html wyglada tak:

[HTML] pobierz, plaintext 
<a id="showA">Show Availibility</a>
[HTML] pobierz, plaintext 

Zastanawia mnie, dlaczego dodanie alertu w tamtym each sprawa ze wsyztsko dziala super. moze to przez opoznienie?
Generlanie mozna tot ka zobrazowac:

1. Pobieram nazwe hotelu uzywajac API-key
2. Pobieram ilsoc kontraktow (w tym przypadku 2)
3. Gdy pobiore, to dla kazdego kontraktu wykonuej dwa zapytania do API - getAvailability i getRates
4. Obie uzywaja populateValues, aby wypisac pobrane wartosci

Moje rozumowanie jest takie, ze zapytanie dziala wolno i przez to nia zdazy pobrac potrzebnych informacji i przekazac dalej. Wprawadzenia alertu stopouje na moment skrypt i daje doatkowy czas na API Callback. Dodam, ze ta sytuacja ma miejsce w firefoxie. W chromie alert nie robi roznicy.

[erix]

Wcale nie chodzi o "za wolno". Chodzi o asynchroniczność: http://eriz.pcinside.pl/weblog/ajax-w-jque...script-218.html

[wNogachSpisz]

Jeśli rozmawiamy o sychronizacji w połączeniu z DataType: JSONP, to warto pamiętać że:

Cross-domain requests and dataType: "jsonp" requests do not support synchronous operation.

[Twist]

No to teraz sie troche pogubilem. Wydaje mi sie, ze rozumiemdlaczego nie dziala, ale nie wiem jak to naprawic.
- async: false - nie robi roznicy (to chyba wynika z tego co napisal wNogachSpisz)

Mysle, ze moznaby sztucznie opozniec wykonanie funkcji, ale to ma sporo wad...

[erix]

Mysle, ze moznaby sztucznie opozniec wykonanie funkcji, ale to ma sporo wad...

W notce pisałem o callbackach.

[Twist]

Przyznam, ze dalej nie bardzo wiem jak to zastosowac. Dopiero sie wdrazamw AJAX i wygląda to troche skomplikowanie.

[erix]

Popróbuj, wtedy najlepiej się nauczysz. [;

[Twist]

EDIT: ROZWIAZANE
Zasugerowałem się tym co erix napisał i straciłem sporo czasu na rpzerabianie skryptu. Okazało się, że wsyztskei sposoby, ktory robiłem były dobre i problem nie był wcale w asycnhroniczności a w nazwie jsoncallback. Wystarczylo to wyrzucić i wszystkie wersje śmigają świetnie.

Poniezej oryginalna tresc postu.

Zrobiłem coś takiego:

[PHP] pobierz, plaintext 
 
 
 $("a#showA").click(function (e) {
        e.preventDefault();
        chceckResults(callAPI(apiKey));
    });
 
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
var Count = 0;
var ContractsArray = new Array();
 
 
function callAPI(yourAPIKey){
var enquiry = URL + yourAPIKey;
 //alert(enquiry);
 $.ajax({
     url: enquiry,
     type: 'GET',
     dataType: "jsonp",
     jsonp: "callback",
     jsonpCallback: "jsonpCallback2",
     complete: function (response, responseCode) {
     },
     success: function (json) {
         $.each(json.Contracts, function (index, contract) {
            // alert("Count before increament : " + Count);
            // alert(contract.ContractCode);
             ContractsArray[Count] = contract.ContractCode;
 
            // alert("Count after increament : " + Count);
            // alert("ContractsArray[Count]: " + ContractsArray[Count]);
             Count++;
 
         });
     }
 });
}
 
function chceckResults(){
alert("Count value in chceckResults : " + Count);
    for(var i = 0; i <= Count; i++){
        alert("ContractsArray[" + i + "]: " + ContractsArray[i]);
    }
}
[PHP] pobierz, plaintext 

Chce, zeby chceckResults wykonala sie dopiero, gdy wykona sie callAPI. jednak dalej działa tka jak wczesniej. Jak to powinno być zeby bylo dobrze?



Ten post edytował Twist 2.08.2012, 13:14:05