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

更好，更容易使用jQuery ajax

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

Answer 2

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

AJAX responseText没有任何价值

3 个答案: