MSXML2.XMLHTTP中的 GET,POST方法的不同

最新推荐文章于 2026-06-15 14:28:02 发布

转载最新推荐文章于 2026-06-15 14:28:02 发布 · 3.7k 阅读

收录于

.net

本文介绍了一个使用ASP.NET和XMLHttpRequest实现的简单AJAX验证示例。通过客户端JavaScript与服务器端C#代码的结合，在用户输入时即时反馈验证结果，提升用户体验。示例中详细展示了如何配置页面元素、设置XMLHttpRequest请求及响应处理。

<%@ Page language="c#" Codebehind="index.aspx.cs" Inherits="WebXMLHTTP.index" %>
<HTML>
<body MS_POSITIONING="GridLayout">
  <form id="Form1" method="post" runat="server">
   <asp:TextBox id="tbx_User"     onblur="checkNum(this)" runat="server"></asp:TextBox><asp:Button id="Button1" runat="server" Text="Button"></asp:Button>
   <div id="msg"><FONT face="宋体"> </FONT>
   </div>
   <script language="javascript">
   var xmlHttp=null;
   function checkNum(obj)
   {
    var strA = "tbx_user1="+getElementById("tbx_User").value;
    xmlHttp = new ActiveXObject("MSXML2.XMLHTTP.3.0");
    xmlHttp.onreadystatechange=xmlReadyStateChange;
    xmlHttp.open("POST","default.aspx",false);
    xmlHttp.setRequestHeader("Content-Length",strA.length);       //
    xmlHttp.setRequestHeader("CONTENT-TYPE","application/x-www-form-urlencoded");//POST方法必须设置此选项，GET方法则不需要设置

    xmlHttp.send(strA);
   }
   function xmlReadyStateChange()
   {
    var obj=getElementById("msg");
    switch(xmlHttp.readyState)
    {
     case 4:
      var result="";
      switch(xmlHttp.responseText)
      {
       case "1":
        result="right";
        break;
       case "0":
        result="wrong";
        break;
       default:
        result="unknow";
        break;
      }
      obj.innerText=result+",XMLHTTP.ResponseValue="+xmlHttp.responseText+"";
      setTimeout("recycle()",1000);
      xmlHttp.abort();
      xmlHttp=null;
      break;
     default:
      obj.innerText="wrong";
      break;
    }
   }
   function recycle()
   {
    getElementById("msg").innerText="";
   }
   function getElementById(objId)
   {
    return document.getElementByIdx(objId);
   }
   </script>
  </form>
</body>
</HTML>