javascript - XMLhttp请求问题

Question

我正在尝试处理 xmlhttprequests，但它不起作用。插入警报框时，我收到的状态为 0。无法完全弄清楚出了什么问题。

function submitChat() {
    if (form1.uname.value != '' && form1.msg.value != '') {
      var uname = form1.uname.value;
      var msg = form1.msg.value;
      var xmlhttp = new XMLHttpRequest();
      alert(xmlhttp.status);
      xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readystate == 4 && xmlhttp.status == 200) {
          document.getElementById('chatlogs').innerHTML = xmlhttp.responseText;
          }
      }
      xmlhttp.open("GET", "insert.php?uname=" + uname + "&msg=" + msg, true);
      xmlhttp.send();
    } else {
      alert("All Fields are Mandatory !!!");
      return;
    }
}

<form name="form1" action="#">`` Chatname:
  <input type="text" name="uname" />
  <br/>
  <textarea name="msg"></textarea>
  <a href="javascript: submitChat()"> Send</a> 
  <br/>
  <br/>
</form>

<div id="chatlogs">
  Loading Chat History !!!!!!!!!!
</div>

Answer 1

您应该在警报之前执行.open()。所以你的代码就变成这样:

function submitChat() {
    if (form1.uname.value != '' && form1.msg.value != '') {

        var uname = form1.uname.value;

        var msg = form1.msg.value;
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.open("GET","insert.php?uname="+uname+"&msg="+msg,true);
        alert (xmlhttp.status);
        xmlhttp.onreadystatechange = function() {
            if(xmlhttp.readystate==4 && xmlhttp.status==200) {
                document.getElementById('chatlogs').innerHTML = xmlhttp.responseText;


            }

        }

        xmlhttp.send(null); 



    } else {
        alert("All Fields are Mandatory !!!");
        return;
    }
}