AJAX Queue Prob [gelöst]

  • AJAX Queue Prob [gelöst]

    Hi @ all!

    da ich immer ein paar probs hatte mit mehr als einem AJAX Request, hab ich mir mal ne queue funktion "zusammengebastelt". Das grundgerüst hab ich irgendwo in nem forum gefunden und meinen bedürfnissen angepasst (wegen urheberrecht unzo ;)

    hier mal der code:

    Quellcode

    1. var queue = new Array();
    2. function req(query) {
    4. if(http) {
    5. if(http.readyState == 1 || http.readyState == 2 || http.readyState == 3) {
    6. queueLength = queue.length;
    7. queue[queueLength] = new Array();
    8. queue[queueLength][0] = query;
    9. //alert(queue[0][0]);
    10. } else {
    13. if(query == "") {
    14. http.open('GET', 'scripts/rpc.php', true);
    15. } else {
    16. http.open('POST','scripts/rpc.php', true);
    17. http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    18. http.send(query);
    19. //alert(query);
    20. }
    21. http.onreadystatechange = function () {
    23. var update = new Array();
    26. if(http.readyState == 4) {
    27. if(http.status == 200) {
    28. var response = http.responseText;
    29. if(response.indexOf('|' != -1)) {
    31. // alert(queue.length);
    33. update = response.split('|');
    34. //alert(update);
    35. document.getElementById(update[0]).innerHTML = update[1];
    36. //alert(queue.length);
    37. }
    38. } else if(http.status == 404) {
    39. document.getElementById(update[0]).innerHTML = 'Die Datei wurde nicht gefunden!';
    40. }
    41. // alert(queue.length);
    42. /* Warteschlange abarbeiten */
    43. queueLength = queue.length;
    44. // alert(queue.length);
    45. if(queueLength != 0) {
    46. req(queue[0][0]);
    47. queue.shift(); //Erstes Element entfernen, den Rest eine Position nach vorne rücken
    48. //alert('queue funzt!?');
    49. }
    50. }
    51. };
    53. if(query == "") {
    54. http.send(null);
    55. }
    56. }
    58. }
    60. }
    Alles anzeigen


    jetzt zu dem problem:

    wie man in der zeile zwischen 47 und 48 ( -.- ) sehen kann, wird im fall das ein request noch im queue array liegt die funktion nochmal aufgerufen

    -> req(queue[0][0]);

    mit dem entsprechenden query string als parameter. problem bei der sache, die funktion ruft sich zwar selbst auf allerdings passiert nix mehr.

    Bsp. ich habe ne Seite in der 3 <div>´s fest drin stehen. alle werden per css ausgerichtet.
    div 1: navigations menue (linke seite, oben) immer visible
    div 2: output, wenn man so will... da werden ALLE daten angezeigt, eigentlich auch immer visible ;)
    div 3: div für zusatz anzeigen, wird nur sporadisch benutzt zb bei ausgabe der live suche^^

    code:

    Quellcode

    1. <div id="menue" class="links">
    2. <ul class="navi">
    3. <li><a href="javascript:show(0)">Status</a></li>
    4. <li><a href="javascript:show(10);">Anzeigen</a></li>
    5. <ul id="subanzeige" class="navi" style="visibility:hidden;"></ul>
    6. <li><a href="javascript:show(11)">Eintragen</a></li>
    7. <li><a href="javascript:show(12)">Suchen</a></li>
    8. <li><a href="javascript:show(13)">Einstellungen</a></li>
    9. </ul>
    10. </div>
    11. <div id="ajax" class="ajax" style="visibility:hidden;text-align:center;"></div>
    12. <div id="ajax2" class="ajax" style="visibility:hidden;text-align:center;"></div>
    Alles anzeigen


    wie man sieht ist in zeile 6 ne 2. liste die defaultmäßig hidden is und nur per klick auf den link "Anzeigen" visible wird.

    in js sieht die routine folgendermaßen aus:

    Quellcode

    1. // gehört zur function show(cat) ...
    2. case 10:
    3. closesubs();
    4. document.getElementById('ajax').style.visibility = "visible";
    5. req('act=show&what='+cat);
    6. submen();
    7. /*try {
    8. setTimeout("submen()",500);
    9. }
    10. catch (E) {
    11. setTimeout("submen()",1000);
    12. }*/
    13. break;
    15. // function submen
    17. function submen(){
    18. if (document.getElementById('subanzeige').innerHTML != '') {
    19. document.getElementById('subanzeige').innerHTML = '';
    20. document.getElementById('subanzeige').style.visibility = "hidden";
    21. } else {
    22. document.getElementById('subanzeige').style.visibility = "visible";
    23. req('act=subanz');
    24. }
    25. }
    Alles anzeigen


    wenn ich das submenü innerhalb der try..catch anweisung und mit settimeout aufrufe funzt das ganze wunderbar... testweise direkt aufgerufen und try..catch auskommentiert, tut sich nix mehr...


    wie man in der queue funktion sieht sind einige alerts drin um zu sehen wie weit die jeweiligen query strings kommen...

    also nochmal: problem ist, das trotz "funktionierendem" queue die funktion nicht korrekt arbeitet und die entsprechenden daten anzeigt... sprich das submenü


    any ideas?


    thx a lot -> da BendIt
    .:Reden Ist Schweigen und Silber Ist Gold:.

    real programmers don't comment their code: if it was hard to write, it should be hard to read!

  • vorweg: bist du mit deiner visbility Lösung zufrieden? Da das Element bleibt und nur unsichtbar wird, nutze ich das eigentlich gar nicht. Ich toggle immer zwischen display:none|block

    jetzt zum eigentlichen Problem:
    Die Queue sieht eigentlich ganz gut aus... könnte sein, dass zwischen 46 und 47 noch ein sleep könnte. Hatte aber auch nie eine Queue die 100%ig funktioniert hat. Ich nutze seit längerem nur noch jquery.

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    *lol* ja.. meine antwort war schon länger getippt bis ich sie abgesendet habe
    Blöde Internetabmahnerei... grad wieder eine bekommen und war erstmal geschockt..

  • also bis jetzt gings eigentlich ganz gut mit der visibility lösung... außer halt ie... der peilt das nicht wenn mans wieder hidet :-/ aber das find ich nicht sooo wichtig... wer ie nutzt ist selber schuld (find ich :)))

    wie meinst du das mit sleep? afaik kennt js doch kein sleep(?) oder irre ich mich da?

    queue funzt bis jetzt auch ganz gut...wäre aber wohl dran verzweifelt wenn ich den o.g. foren eintrag mit firebug nicht gefunden hätte... weil vom logischen/programmtechnischen is die queue function imho völlig i.o. :) *freu* wenn ich das mit dem laufzeitfehler noch hinbekomme bin ich voll zu frieden^^

    btw: mit display none/block werd ich mal testen... ;)
    .:Reden Ist Schweigen und Silber Ist Gold:.

    real programmers don't comment their code: if it was hard to write, it should be hard to read!