Ajax getElementById Problem

puwu · 20.02.2012, 21:17

Ich hab dieses Script etwas angepasst und jetzt funktioniert es leider nicht mehr.

Das Script gibt bei der Eingabe in das Feld "inputText" den eingegeben Text verändert in dem zweiten Feld "outputText" aus.

Ich möchte bei der Ausführung der Function doWork das Ausgabefeld mit übergeben, damit ich die Function für mehrere verschiedene Felder nutzen kann.

Leider finde ich den Fehler nicht. Weiß jemand wie ich das Ausgabefeld richtig übergebe ?

PHP-Code:

  <script language="javascript" type="text/javascript">

    <!--

    // Get the HTTP Object

    function getHTTPObject(){

             if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP");

             else if (window.XMLHttpRequest) return new XMLHttpRequest();

             else {

                 alert("Your browser does not support AJAX.");

                 return null;

             }

    }

 
    // Change the value of the outputText field

    function setOutput(field){

             if(httpObject.readyState == 4){

                 document.getElementById(field).value = httpObject.responseText;

             }

    }

 
    // Implement business logic

    function doWork(field){

             httpObject = getHTTPObject();

             if (httpObject != null) {

                 httpObject.open("GET", "test5.php?inputText="+document.getElementById('inputText').value, true);

                 httpObject.send(null);

                 httpObject.onreadystatechange = setOutput(field);

             }

    }

 
    var httpObject = null;

    //-->

</script>

 
    <form name="testForm">

    Input text: <input type="text" onkeyup="doWork('outputText');" name="inputText" id="inputText" />

 
 
    Output text: <input type="text" name="outputText" id="outputText" />

    </form>

Danke für eure Hilfe

trollface · 21.02.2012, 00:10

onreadystatechange akzeptiert keine Parameter.

Musst du so ändern:

Code:

httpObject.onreadystatechange = function() {setOutput(field);}

puwu · 21.02.2012, 17:33

Danke es funktioniert!

nikosch · 21.02.2012, 17:41

Zitat:

onreadystatechange akzeptiert keine Parameter.

Die Erklärung ist falsch.

onreadystatechange verlangt die Angabe eines Callbacks, setOutput(field); weist aber den Return-Wert einer mit field ausgeführten setOutput Funktion an die Property zu.

trollface · 21.02.2012, 20:47

Zitat:

Die Erklärung ist falsch.

Für Mitternacht reichte das.

puwu · 22.02.2012, 19:46

Es funktionert, dass war das wichtigste. Aber danke für den Nachtrag

nikosch · 22.02.2012, 21:12

Zitat:

dass war das wichtigste

Nicht, wenn man als Maßstab anlegt, dass Du die Lösung auch verstehen sollst und nächstes mal nicht wieder den gleichen Fehler machen.

puwu · 25.02.2012, 14:19

Okay das sehe ich, aber danke euch beiden für den netten Support.

puwu · 26.02.2012, 23:19

Ich frage über ein API Fussballdaten ab und habe daher noch eine Frage.

Die angefragte sendet zB folgende Antwort:

PHP-Code:

  {"team_1_reds":[],"score_delimiter":"-","team_1_name":"Antalyaspor (Res)","team_2_yellows":[],"enum_status":"IN_PLAY","team_2_name":"Kayseri Erciyesspor (Res)","status":"2nd half","team_2_reds":[],"team_1_subs":[],"team_1_goals":[{"team":"1","time":"14"},{"team":"1","time":"21"},{"team":"1","time":"23"}],"team_1_score":"4","in_play_status":"SECOND_HALF_KICK_OFF","team_2_goals":[{"team":"2","time":"38"}],"team_2_subs":[],"team_2_score":"1","team_1_yellows":[],"time_description":"57"}

Das sieht ähnlich wie ein Array aus, aber wie kann ich die einzelnen Felder mit Ajax abrufen und anzeigen ?

PHP-Code:

  httpObject.responseText.time_description

das zum Beispiel funktioniert leider nicht.

nikosch · 26.02.2012, 23:37

Such nach JSON.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] mod_rewrite & ajax	homb	JavaScript, Ajax und mehr	6	30.06.2011 12:18
Problem mit getElementById	Emskopp	JavaScript, Ajax und mehr	2	18.06.2011 23:29
AJAX Problem beim IE bei Übergabe gleicher Parameter	ernesto	PHP Einsteiger	7	28.04.2011 17:44
[Erledigt] Ajax Problem	halskrause	JavaScript, Ajax und mehr	4	03.05.2010 14:24
Ajax Star Rating Bar Problem	Vote4Dogs	PHP Tipps 2010	8	08.04.2010 21:56
[Erledigt] Ajax, jQuery - CKEDITOR Fehler bei Instanzierung	jGeee	JavaScript, Ajax und mehr	3	26.03.2010 09:09
Link auslesen, Problem mit Ajax	laub	PHP Tipps 2010	3	19.03.2010 14:18
jQuery Ajax und $(this) Problem	halskrause	JavaScript, Ajax und mehr	8	01.03.2010 17:39
class.GMapper --> Mit Firefox Problem bei Ajax	Plague	PHP Tipps 2008	3	08.07.2008 10:31
ajax problem (serverseitig)	phyton	HTML, Usability und Barrierefreiheit	9	05.07.2008 13:42
AJAX: Session-Inhalt an PHP	Curanai	HTML, Usability und Barrierefreiheit	2	05.11.2007 15:45
ajax / popup problem	flflfl	HTML, Usability und Barrierefreiheit	11	11.06.2006 20:05
AJAX Problem - DB Auftrag		HTML, Usability und Barrierefreiheit	1	01.04.2006 09:38
Encoding Problem mit AJAX		HTML, Usability und Barrierefreiheit	1	23.02.2006 14:10

20.02.2012, 21:17
puwu Erfahrener Benutzer Registriert seit: 04.08.2009 Beiträge: 177 PHP-Kenntnisse: Anfänger	Ajax getElementById Problem Ich hab dieses Script etwas angepasst und jetzt funktioniert es leider nicht mehr. Das Script gibt bei der Eingabe in das Feld "inputText" den eingegeben Text verändert in dem zweiten Feld "outputText" aus. Ich möchte bei der Ausführung der Function doWork das Ausgabefeld mit übergeben, damit ich die Function für mehrere verschiedene Felder nutzen kann. Leider finde ich den Fehler nicht. Weiß jemand wie ich das Ausgabefeld richtig übergebe ? PHP-Code: <script language="javascript" type="text/javascript"> <!-- // Get the HTTP Object function getHTTPObject(){ if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP"); else if (window.XMLHttpRequest) return new XMLHttpRequest(); else { alert("Your browser does not support AJAX."); return null; } } // Change the value of the outputText field function setOutput(field){ if(httpObject.readyState == 4){ document.getElementById(field).value = httpObject.responseText; } } // Implement business logic function doWork(field){ httpObject = getHTTPObject(); if (httpObject != null) { httpObject.open("GET", "test5.php?inputText="+document.getElementById('inputText').value, true); httpObject.send(null); httpObject.onreadystatechange = setOutput(field); } } var httpObject = null; //--> </script> <form name="testForm"> Input text: <input type="text" onkeyup="doWork('outputText');" name="inputText" id="inputText" /> Output text: <input type="text" name="outputText" id="outputText" /> </form> Danke für eure Hilfe


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

21.02.2012, 00:10
trollface Benutzer Registriert seit: 24.09.2011 Beiträge: 63 PHP-Kenntnisse: Fortgeschritten	onreadystatechange akzeptiert keine Parameter. Musst du so ändern: Code: httpObject.onreadystatechange = function() {setOutput(field);}

21.02.2012, 17:33
puwu Erfahrener Benutzer Registriert seit: 04.08.2009 Beiträge: 177 PHP-Kenntnisse: Anfänger	Danke es funktioniert!

22.02.2012, 19:46
puwu Erfahrener Benutzer Registriert seit: 04.08.2009 Beiträge: 177 PHP-Kenntnisse: Anfänger	Es funktionert, dass war das wichtigste. Aber danke für den Nachtrag

25.02.2012, 14:19
puwu Erfahrener Benutzer Registriert seit: 04.08.2009 Beiträge: 177 PHP-Kenntnisse: Anfänger	Okay das sehe ich, aber danke euch beiden für den netten Support.

26.02.2012, 23:19
puwu Erfahrener Benutzer Registriert seit: 04.08.2009 Beiträge: 177 PHP-Kenntnisse: Anfänger	Ich frage über ein API Fussballdaten ab und habe daher noch eine Frage. Die angefragte sendet zB folgende Antwort: PHP-Code: `{"team_1_reds":[],"score_delimiter":"-","team_1_name":"Antalyaspor (Res)","team_2_yellows":[],"enum_status":"IN_PLAY","team_2_name":"Kayseri Erciyesspor (Res)","status":"2nd half","team_2_reds":[],"team_1_subs":[],"team_1_goals":[{"team":"1","time":"14"},{"team":"1","time":"21"},{"team":"1","time":"23"}],"team_1_score":"4","in_play_status":"SECOND_HALF_KICK_OFF","team_2_goals":[{"team":"2","time":"38"}],"team_2_subs":[],"team_2_score":"1","team_1_yellows":[],"time_description":"57"}` Das sieht ähnlich wie ein Array aus, aber wie kann ich die einzelnen Felder mit Ajax abrufen und anzeigen ? PHP-Code: `httpObject.responseText.time_description` das zum Beispiel funktioniert leider nicht.

26.02.2012, 23:37
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Such nach JSON. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --