Ajax post

phildaking · 24.04.2011, 23:08

Hallo liebe community,

mal wieder ein problem:
Ich versuche ein formular mit ajax zu bauen also dass es nicht neu geladen werden muss. Da hab ich erstmal klein angefangen und ein textfeld und einen button gemacht. der inhalt vom textfeld wird per xmlhttp request an eine php datei gesender (form2.php) die erstmal nichts weiter macht als die übergebene variable auszugeben. Die ausgabe wird dann unterm formular angezeigt..
So weit so gut. Es funktioniert soweit wenn ich es per GET mache. Da ich aber in zukunft relativ große texte versenden möchte ist GET unsinnig und ich will POST verwenden (ist doch richtig denk ich mal oder?!?!)
Und daran scheitert es. Ich bekomme es nach stundenlangem rumprobieren nicht gebacken es per POST zu versenden.

Habt ihr i-welche tipps was man beachten muss und woran es liegen könnte?

Hier mal der GET Code von form 1:

PHP-Code:

  <html>

 
<script type="text/javascript">

    function showResult(str)

    {

    if (str.length==0)

      { 

      document.getElementById("livesearch").innerHTML="";

      document.getElementById("livesearch").style.border="0px";

      return;

      }

    if (window.XMLHttpRequest)

      {// code for IE7+, Firefox, Chrome, Opera, Safari

      xmlhttp=new XMLHttpRequest();

      }

    else

      {// code for IE6, IE5

      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

      }

    xmlhttp.onreadystatechange=function()

      {

      if (xmlhttp.readyState==4 && xmlhttp.status==200)

        {

        document.getElementById("livesearch").innerHTML=xmlhttp.responseText;

        document.getElementById("livesearch").style.border="none";

        }

      }

    xmlhttp.open("GET","form2.php?text="+str,true);

    xmlhttp.send();

    }

    </script>

    

<form name="form" class="suche">

    <input type="text" size="30" name="name" class="suche" />

    <input type="button" value="" onclick="showResult(document.form.name.value)">

</form>

<div id="livesearch"></div>

    

</html>

Und form 2:

PHP-Code:

  <?php

 
$text = $_GET["text"];

echo $text;

 
?>

Und der Code mit POST (nicht funktionsfähig):
Form1:

PHP-Code:

  <html>

 
<script type="text/javascript">

    function showResult(str)

    {

    if (str.length==0)

      { 

      document.getElementById("livesearch").innerHTML="";

      document.getElementById("livesearch").style.border="0px";

      return;

      }

    if (window.XMLHttpRequest)

      {// code for IE7+, Firefox, Chrome, Opera, Safari

      xmlhttp=new XMLHttpRequest();

      }

    else

      {// code for IE6, IE5

      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

      }

    xmlhttp.onreadystatechange=function()

      {

      if (xmlhttp.readyState==4 && xmlhttp.status==200)

        {

        document.getElementById("livesearch").innerHTML=xmlhttp.responseText;

        document.getElementById("livesearch").style.border="none";

        }

      }

    

    var url = "form2.php";

   var params = "text="+str;

   http.open("POST", url, true);

    http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

    http.setRequestHeader("Content-length", params.length);

    http.setRequestHeader("Connection", "close");

    http.send(params);

        }

    </script>

    

<form name="form" class="suche">

    <input type="text" size="30" name="name" class="suche" />

    <input type="button" value="" onclick="showResult(document.form.name.value)">

</form>

<div id="livesearch"></div>

    

</html>

Form2:

PHP-Code:

  <?php

 
$text = $_POST["text"];

echo $text;

 
?>

Asterixus · 24.04.2011, 23:47

Ich sage nur: Pass auf deine Variablennamen auf.

phildaking · 25.04.2011, 00:00

Zitat:

Zitat von Asterixus

Ich sage nur: Pass auf deine Variablennamen auf.

Heißt das jetzt dass ich konkret irgendwo etwas falsch benannt habe oder meinst du das nur allgemein?

Gehts etwas genauer bitte?

Danke

ChrisB · 25.04.2011, 00:03

Zitat:

Zitat von phildaking

Gehts etwas genauer bitte?

Ja, geht - und zwar in der JavaScript-Fehlerkonsole deines Browsers.

phildaking · 25.04.2011, 00:10

Zitat:

Zitat von ChrisB

Ja, geht - und zwar in der JavaScript-Fehlerkonsole deines Browsers.

Wusste gar nicht sowas gibt

Habs jetzt in Firefox gefunden, benutze aber sonst Chrome wobei ich als entwickler wahrscheinlich lieber zu Firefox greifen sollte oder nicht?

Naja aber danke vielmals funktioniert nach richtiger benennung der variablen!

ChrisB · 25.04.2011, 00:15

Zitat:

Zitat von phildaking

Habs jetzt in Firefox gefunden, benutze aber sonst Chrome wobei ich als entwickler wahrscheinlich lieber zu Firefox greifen sollte oder nicht?

Ich persönlich entwickle am liebsten im Firefox, u.a. deshalb weil ich mit Firebug als Debugwerkzeug inzwischen am besten vertraut bin.

Andere Browser sind zum Entwickeln aber nicht unbedingt schlechter - Chrome ist m.W. sogar recht gut ausgestattet, was JavaScript-Debugging angeht (bietet m.W. bisher als einziger das Feature, dass man JavaScript-Code sogar live im Debugger verändern kann), Opera (Dragonfly) und Safari haben auch brauchbare Debug-Werkzeuge.
Und sogar der IE hat ab Version 8 halbwegs brauchbare Debug-Tools, die man mit [F12] aufrufen kann.

phildaking · 25.04.2011, 00:48

Ok danke für die Infos ich bin im bereich javascript soch eher ein neuling

Allerdings gibt es für chrome auch den Firebug! Habe ich gleich geladen als ich angefangen hab mit AJAX!

Vielen Dank nochmal

Grüße PhilDaKing

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
Fileupload via AJAX	GSJLink	HTML, Usability und Barrierefreiheit	13	17.05.2012 21:41
PHP Classen via Ajax instanzieren	shredding	PHP Einsteiger	12	20.04.2011 17:42
SEDO Ajax Post Request mit PHP curl	Lightware	PHP Einsteiger	2	31.03.2011 12:34
[Erledigt] Ajax POST Formular Fehlersuche	moerkel	JavaScript, Ajax und mehr	1	03.01.2011 11:25
[Erledigt] AJAX Request funktioniert nicht	Nickstar	JavaScript, Ajax und mehr	6	10.11.2010 20:21
[Erledigt] Post mit AJAX übergeben?	DJ_RhoxxZ	JavaScript, Ajax und mehr	7	30.04.2010 15:20
Ajax Anwendung, reines Ajax oder Ajax und Html	jackie1983	JavaScript, Ajax und mehr	5	09.02.2010 16:50
[Erledigt] PHP Post protokollieren	radiv	PHP-Fortgeschrittene	12	02.06.2009 19:35
1111: AJAX meets PHP (indirectly)	Nikolaus 2.0	Adventskalender 2008	5	15.12.2008 11:00
Probleme mit Sonderzeichen bei Ajax (prototype)...	go1denboy	JavaScript, Ajax und mehr	1	31.08.2008 18:44
AJAX: Session-Inhalt an PHP	Curanai	HTML, Usability und Barrierefreiheit	2	05.11.2007 15:45
AJAX open mit POST und GET	DonTermi	HTML, Usability und Barrierefreiheit	5	04.10.2007 18:22
Ajax: POST Übergabe eines Arrays	obi	HTML, Usability und Barrierefreiheit	4	27.07.2007 17:02
Linux Drucker unter Windows	tennessee	Server, Hosting und Workstations	10	16.12.2004 17:14

24.04.2011, 23:08
phildaking Benutzer Registriert seit: 21.08.2010 Beiträge: 50 PHP-Kenntnisse: Fortgeschritten	Ajax post Hallo liebe community, mal wieder ein problem: Ich versuche ein formular mit ajax zu bauen also dass es nicht neu geladen werden muss. Da hab ich erstmal klein angefangen und ein textfeld und einen button gemacht. der inhalt vom textfeld wird per xmlhttp request an eine php datei gesender (form2.php) die erstmal nichts weiter macht als die übergebene variable auszugeben. Die ausgabe wird dann unterm formular angezeigt.. So weit so gut. Es funktioniert soweit wenn ich es per GET mache. Da ich aber in zukunft relativ große texte versenden möchte ist GET unsinnig und ich will POST verwenden (ist doch richtig denk ich mal oder?!?!) Und daran scheitert es. Ich bekomme es nach stundenlangem rumprobieren nicht gebacken es per POST zu versenden. Habt ihr i-welche tipps was man beachten muss und woran es liegen könnte? Hier mal der GET Code von form 1: PHP-Code: <html> <script type="text/javascript"> function showResult(str) { if (str.length==0) { document.getElementById("livesearch").innerHTML=""; document.getElementById("livesearch").style.border="0px"; return; } if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("livesearch").innerHTML=xmlhttp.responseText; document.getElementById("livesearch").style.border="none"; } } xmlhttp.open("GET","form2.php?text="+str,true); xmlhttp.send(); } </script> <form name="form" class="suche"> <input type="text" size="30" name="name" class="suche" /> <input type="button" value="" onclick="showResult(document.form.name.value)"> </form> <div id="livesearch"></div> </html> Und form 2: PHP-Code: `<?php $text = $_GET["text"]; echo $text; ?>` Und der Code mit POST (nicht funktionsfähig): Form1: PHP-Code: <html> <script type="text/javascript"> function showResult(str) { if (str.length==0) { document.getElementById("livesearch").innerHTML=""; document.getElementById("livesearch").style.border="0px"; return; } if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("livesearch").innerHTML=xmlhttp.responseText; document.getElementById("livesearch").style.border="none"; } } var url = "form2.php"; var params = "text="+str; http.open("POST", url, true); http.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); http.setRequestHeader("Content-length", params.length); http.setRequestHeader("Connection", "close"); http.send(params); } </script> <form name="form" class="suche"> <input type="text" size="30" name="name" class="suche" /> <input type="button" value="" onclick="showResult(document.form.name.value)"> </form> <div id="livesearch"></div> </html> Form2: PHP-Code: `<?php $text = $_POST["text"]; echo $text; ?>` __________________ mi Blog auf Google+ :


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

24.04.2011, 23:47
Asterixus Erfahrener Benutzer Registriert seit: 03.08.2010 Beiträge: 300 PHP-Kenntnisse: Fortgeschritten	Ich sage nur: Pass auf deine Variablennamen auf.

25.04.2011, 00:48
phildaking Benutzer Registriert seit: 21.08.2010 Beiträge: 50 PHP-Kenntnisse: Fortgeschritten	Ok danke für die Infos ich bin im bereich javascript soch eher ein neuling Allerdings gibt es für chrome auch den Firebug! Habe ich gleich geladen als ich angefangen hab mit AJAX! Vielen Dank nochmal Grüße PhilDaKing __________________ mi Blog auf Google+ :