创建XMLHttpRequest对象时，document.write（）无法正常工作

Question

function state()
{
var x=document.getElementById("count").value;
document.write(x);
 if(Window.XMLHttpRequest)
{
   xmlhttp=new XMLHttpRequest();

}
else
{
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
  if(xmlhttp.readystate==4 && xmlhttp.status==200)
  {
   document.getElementById("response").innerHTML=xmlhttp.responseText;
  }
  xmlhttp.open("GET","getdata.php?val=".+x,"true");
  xmlhttp.send();
}
}

这是我第一次使用ajax ....我想发送＆＃39; x＆＃39;当我从下拉列表中选择一个值并单击一个按钮时，会触发 getdata.php ........... 功能状态（）。 .document.write（）正在工作，如果没有创建xmlHttpRequest对象...我怎么知道字符串x中的值是否传递给getdata.php ...请回答...

Answer 1

你不应该document.write()。您可以将值分配给某些其他html标记，例如span或其他内容。

<span id="countSpan"></span>

然后您可以将值分配给该范围

var x=$("#count").val();
$("#countSpan").html(x);

修改 你也可以使用jquery ajax。当您从服务器获得成功响应时，成功事件将被触发。

function state() {
    var x = $("#count").val();
    $("#countSpan").html(x);

    $.ajax({
        type: "GET",
        url: "getdata.php?val=" + x,
        success: function (data) {
            $("#response").html(data)
        }
    });
}