AJAX responseText n'a aucune valeur

Question

Vous essayez simplement d'obtenir un simple morceau de javascript qui produit le contenu d'un fichier dans le même répertoire qu'une alerte.

<form id="form" method="post" onsubmit="newsubmission()"> 
    <input type="submit" value="Submit" /> 
    <script> 
    function newsubmission() {  
     var xhttp = new XMLHttpRequest(); 
     xhttp.onreadystatechange = function() { alert(xhttp.responseText); } 
     xhttp.open("POST", "test.txt", true); 
     xhttp.send(); 
    } 
    </script> 
</form> 

Lorsque je clique sur le bouton Envoyer, un message s'affiche sans texte. J'ai travaillé dessus toute la journée et essayé tous les tutoriels en ligne sans succès. Enfin hors d'idées. Quelqu'un peut-il aider?

Answer 1

Cause avec votre syntaxe ajax. Essayez cette

function newsubmission(e) { 
    e.preventDefault(); 
    var xhttp = new XMLHttpRequest(); 
    //for IE 
    if(window.AciveXObject){ 
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    }else{ 
    // for modern browsers 
    xmlhttp = new XMLHttpRequset(); 
    } 
    xhttp.open("POST", "test.txt", true); 
    xhttp.onreadystatechange = function(){ 
    if(xmlhttp.readyState == 4 && xmlhttp.status == 200){ 
     alert(xmlhttp.responseText); 
    } 
    } 

    xhttp.send(); 
} 

Answer 2

mieux et facile à utiliser un ajax jQuery

$.ajax({ 
url:"your url", 
success:function(data){ 
     //do your stuff with response data here 
     } 
error:function(){ 
     //handle your error 
    } 
}); 

Answer 3

il est contient des erreurs et je l'ai réparée maintenant essayer cette

<form id="form" method="post"> 
<input type="submit" value="Submit" /> 
<script> 
document.getElementById('form').onsubmit = function(e){ 
e.preventDefault(); 
var xmlhttp; 
//for IE 
if(window.ActiveXObject){ 
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
}else{ 
// for modern browsers 
xmlhttp = new XMLHttpRequest(); 
} 
xmlhttp.open("POST", "text.txt", true); 
xmlhttp.onreadystatechange = function(){ 
if(xmlhttp.readyState == 4 && xmlhttp.status == 200){ 
    alert(xmlhttp.responseText); 
} 
} 
xmlhttp.send(); 
} 
</script> 
</form>