[Chr!s]

Guten Morgen.
Ich bin derzeit dabei, eine bestehende JavaScript - Galerie mit einer Kommentarfunktion mittels AJAX -> PHP -> MySQL auszustatten. Wie das genau von statten gehen soll, ist mir bewusst, also die notwendigen Arbeitsschritte sind mir alle bekannt. Benutzt wird hierbei das Prototype Framework, was allerdings nichts zur Sache tut.

Ziel hierbei ist es grade, die vorhandenen Kommentare mittels AJAX / PHP / MySQL aus der Datenbank auszulesen und dann mittels JavaScript anzeigen zu lassen. Das PHP Script funktioniert einwandfrei.

Was ich genau hier habe, ist ein spezifisches JavaScript Problem. Die Photos möchte ich mir mittels AJAX holen:

var thePictures;
var photoArray = AjaxGetElements();

AjaxGetElements() sieht dann so aus:

function AjaxGetElements() {
    new Ajax.Request('/band/galerie/ajax.php?galleryID=1',
      {
        method:'get',
        onSuccess: function(transport){
          var response = transport.responseText || "no response text";
          eval(response);
          alert(thePictures);
          return thePictures;
      },

      onFailure: function(){ alert('Something went wrong...') }
      });

Die Response ist eine Anweisung zur Generierung eines Arrays (also var thePictures = new Array(...)).
An der Ausgabe von alert() bekomme ich alle Elemente des Arrays angezeigt.
Ist dies bereits ein Zeichen für ein Fehler? Arrays werden doch in JavaScript nicht mittels alert() als String ausgegeben, oder?

var photoArray = AjaxGetElements();

photoArray ist aber undefined, da ist dann nun gar nichts mehr drin. Eigentlich sollte da ja jetzt das Array drin sein, was in AjaxGetElements() generiert wurde.

Nun bin ich etwas ratlos. Wer kann mir hier helfen?

[Neq']

Zitat von Chr!s

Die Response ist eine Anweisung zur Generierung eines Arrays (also var thePictures = new Array(...)).

Kannst du mir den PHP-Teil auch noch reinposten, wo thePicture das Array zugewiesen wird bzw. wo das Array generiert wird, bitte?

Zitat von Chr!s

An der Ausgabe von alert() bekomme ich alle Elemente des Arrays angezeigt.
Ist dies bereits ein Zeichen für ein Fehler? Arrays werden doch in JavaScript nicht mittels alert() als String ausgegeben, oder?

Doch, wenn du in JS via alert() ein Array dumpst, bekommst du die Elemente aufgelistet.

[bobby]

Hi Chris,

Du schickst hier einen 'asyncronen' Request ab, d.h. Javascript schickt die Anfrage ab, wartet aber nicht bis diese zu Ende ist.
Deshalb musst du 'asynchronous:false' (siehe http://prototypejs.org/api/ajax/options) setzen.

new Ajax.Request('/band/galerie/ajax.php', {
    asynchronous: false,
    method: 'get',
    parameters: {galleryID: 1}
    onSuccess: function(transport, json) {}
});

Json in Prototype: http://prototypejs.org/api/ajax/request (unten)

bobby.

P.S.: http://getfirebug.com/ installieren, falls noch nicht geschehen.

[Chr!s]

Zitat von bobby

Hi Chris,

Du schickst hier einen 'asyncronen' Request ab, d.h. Javascript schickt die Anfrage ab, wartet aber nicht bis diese zu Ende ist.
Deshalb musst du 'asynchronous:false' (siehe http://prototypejs.org/api/ajax/options) setzen.

new Ajax.Request('/band/galerie/ajax.php', {
    asynchronous: false,
    method: 'get',
    parameters: {galleryID: 1}
    onSuccess: function(transport, json) {}
});

Json in Prototype: http://prototypejs.org/api/ajax/request (unten)

bobby.

P.S.: http://getfirebug.com/ installieren, falls noch nicht geschehen.

Das wagt bei mir nicht zu funktionieren. Schalte ich asynchronous auf aus, funktioniert erstmal gar nichts mehr. Mein Problem ist ja auch nicht die Übertragung von PHP-Script zu JavaScript, sondern von JavaScript zu JavaScript - aus der Fukntion heraus.

Mit alert(thePictures); bekomme ich (durch evaulieren von "var thePictures = new Array..")) auch das Array gelistet. Aber es lässt sich nicht zurückgeben - und ich wollte fragen, wo hier mein Fehler ist.

(Der eval'te code wird geprüft und es gibts keine Möglichkeit, hier etwas böses zurückzuschicken).

[Neq']

Hi Chris,

probier' doch mal folgendes aus:

function AjaxGetElements() {
    var pictureResponse = new Ajax.Request('/band/galerie/ajax.php?galleryID=1',
      {
        method:'get',
        onSuccess: function(transport){
          var response = transport.responseText || "no response text";
          eval(response);
          alert(thePictures);
          return thePictures;
      },

      onFailure: function(){ alert('Something went wrong...') }
      }); // Ende von Ajax.Request
   return pictureResponse;
} // Ende von AjaxGetElements()