AJAX responseText не имеет значения

Question

Просто пытается получить простой кусок javascript для работы, который выводит содержимое файла в том же каталоге, что и предупреждение.

<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> 

Когда я нажимаю кнопку «Отправить», сообщение отображается без текста. Я работаю над этим весь день и безуспешно пробовал каждый онлайн-учебник. Наконец, из идей. Может кто-нибудь помочь?

Answer 1

Причина с синтаксисом ajax. Попробуйте

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

Лучше и простой в использовании JQuery Ajax

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

Answer 3

это содержит некоторые ошибки, и я закрепили теперь попробуйте это

<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>