2016-06-03 10 views
-1

Erste Frage zu StackOverflow, also hoffe ich, dass ich das richtig mache. Ich habe einen AJAX-Aufruf zu einer JS-Funktion:Ajax Javascript Funktion wird nicht aufgerufen

function addOptionText(str) 
{ 

    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("0").innerHTML = xmlhttp.responseText; 
     } 
    }; 
    xmlhttp.open("GET","AddText.php?q="+str,true); 
    xmlhttp.send(); 

} 

Und hier ist mein HTML-Code:

<body> 
    <FORM NAME ="form6" onclick= "addOptionText(this.value)" > 
     Text Input: 
     <INPUT TYPE = "TEXT" VALUE placeholder ="Nume Field" NAME ="Text_Field"> 
     <INPUT TYPE = "Submit" Name = "Edit" VALUE = "Add" > 

    </FORM> 
    <p id="0"> </p> 
</body> 

Die PHP-Datei enthält nur:

<html> 
    <body> 

     <?php 
      $name = ($_GET['q']); 
      echo "nume"; 
     ?> 
    </body> 
</html> 

Aber die Funktion nicht scheinen verwendet zu werden, da sich der Absatz nicht ändert. Neu bei PHP hier und versuchen zu verstehen, wie es funktioniert, also denke ich, dass etwas mir entglitten sein könnte.

BEARBEITEN Ich hatte mehr als eine "submit" IDs, deshalb hat es nicht funktioniert. Ich habe die "submit" ID geändert und nun funktioniert alles wie gewünscht.

+0

können Sie tun 'console.log (xmlhttp.responseText);' direkt vor Ihren 'document.getElementById' und die Ergebnisse veröffentlichen? (Ergebnisse werden in der Konsole der Entwickler-Tools für Ihren Browser sein) –

+0

Es war ein Rogue} in meinem

Verwandte Themen