AJAX Anfängerfrage

[Gast] Foren Programmierung/Entwicklung JavaScript AJAX Anfängerfrage

Programmierung/Entwicklung

Themen

Beiträge

Moderatoren

Letzter Beitrag

JavaScript

1407

5346

Thomas Richard

6. Jun 2023, 09:44

meinereiner69

flobaer

Beiträge gesamt: 317

28. Mär 2008, 10:32
Beitrag # 1 von 3
Bewertung:
(1454 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo zusammen,

ich beginne gerade damit mich ein wenig mit Thema AJAX auseinanderzusetzten. Ich habe damit angefangen ein kleine Skript etwas zu erweitern:

Code

<script language="JavaScript"  
  type="text/javascript"> 
// <![CDATA[ 
var XMLHTTP = null; 
 
if (window.XMLHttpRequest) { 
  XMLHTTP = new XMLHttpRequest(); 
} else if (window.ActiveXObject) { 
  try { 
    XMLHTTP =  
      new ActiveXObject("Msxml2.XMLHTTP"); 
  } catch (ex) { 
    try { 
      XMLHTTP =  
       new ActiveXObject("Microsoft.XMLHTTP"); 
    } catch (ex) { 
    } 
  } 
} 
 
function DatenAusgeben()  
{ 
  if (XMLHTTP.readyState == 4)  
  { 
    var d = document.getElementById('ausgabe'); 
    d.innerHTML += XMLHTTP.responseText; 
  } 
} 
 
function bild_laden(text,el_id) { 
  XMLHTTP.open("POST", "daten-post.php"); 
  XMLHTTP.onreadystatechange = DatenAusgeben; 
  XMLHTTP.setRequestHeader("Content-Type",  
    "application/x-www-form-urlencoded"); 
  XMLHTTP.send("a="+text); 
} 
window.onload = bild_laden('AJAX','Daten'); 
// ]]> 
</script> 
<body> 
  <p id="Daten">Daten vom Server: </p> 
  <form> 
  	<input type="button" onClick="bild_laden('Bert','ausgabe');"> 
  </form> 
  <div style="width:400px; height:400px; background:#cccccc;" id="ausgabe"> 
  </div> 
</body>

Die PHP-Datei macht dabei nichts anderes als die übergebene Variable auszugeben. Das ist aber auch nicht mein Problem.
Ich möchte die ID des Elements als Parameter an die Funktion DatenAusgeben übergeben. Diese sieht dann so aus:

Code

function DatenAusgeben(el_ID)  
{ 
  if (XMLHTTP.readyState == 4)  
  { 
    var d = document.getElementById(el_ID); 
    d.innerHTML += XMLHTTP.responseText; 
  } 
}

Und dann funktioniert es nicht mehr. Ich habe mal testweise einen Alert eingebaut und die el_ID wird korrekt ausgegeben. Der XMLHTTP.readyState kommt allerdings nicht über eine 1 hinaus. Warum? Was mache ich falsch?

Vielen Dank für eure Hilfe und sonnige Grüße aus Berlin,
Florian

AJAX Anfängerfrage

minou

Beiträge gesamt: 135

25. Apr 2008, 09:03
Beitrag # 2 von 3
Beitrag ID: #347935
Bewertung:
(1304 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo flobaer,

ich habe in einem Videotraining (Erfolgreiche Websiten) genau das was du hier verwirklichen möchtest. Es ist ein AJAX-Menü, welches mit zwei Gifs arbeitet (+ und -) und je nachdem expandiert und collabiert.

Das Beispiel besteht leider aus mehreren Dateien, wenn du mir deine Email per PM zusendest, dann kann ich dir die Zip senden.
Das genannte Beispiel ist speziell für ein Menü gemacht worden, in einem anderen Training gibt es noch eine gesamte "Browsernachbildung", mit ähnlichen Vorgaben.

Gruss

minou

als Antwort auf: [#343491]

AJAX Anfängerfrage

minou

Beiträge gesamt: 135

25. Apr 2008, 09:50
Beitrag # 3 von 3
Beitrag ID: #347948
Bewertung:
(1291 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo flobaer,

sorry, ich habe den falschen Post beantwortet. Leider kann ich diesen nicht mehr bearbieten :-((

Gruss

minou

Wenn ein Moderator das ansonsten löschen könnte. Danke!

als Antwort auf: [#347935]
(Dieser Beitrag wurde von minou am 25. Apr 2008, 09:51 geändert)

Aktuell

PDF / Print

axaio veröffentlicht MadeToPrint-Major-Update 3.1.343

| 06.07.2022

Weitere Events

Neuste Foreneinträge

Adobe Fonts Service: "Hinzugefï¿½gte Schriften", eine neue Option, die Verwirrung stiften kann

PC, Indesign und Connect Fonts

Verweis auf Lesezeichen, die von IHV-Funktion erstellt wurden

Elemente lï¿½schen geht nicht

Eigenes Plug-in erstellen

Affinity Designer (Mac) eigene Vektor-Schraffuren als Stil speichern

Affinity 2.2 wurde verï¿½ffentlicht

Daten aus ï¿½Dateiinformationenï¿½ in InDesign automatisch nutzen

Tastaturkï¿½rzel 2023

Glyphen Formatvariante [INDD 18.5 WIN10]

Weitere Stellenangebote