⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 postcode.jsp~59~

📁 用Ajax技术实现一个邮政编码查找的功能.
💻 JSP~59~
字号:
<%@ page contentType="text/html; charset=GBK" %>
<html>
  <head>
    <title>
      postcode
    </title>
    <script type="text/javascript" language="javascript">
    function checkNumber()
    {
      var val = event.keyCode;
      if(val>=48&&val<=57)
          event.returnValue=true;
      else
          event.returnValue=false;
    }

    var xmlHttp;
    //创建对象
    function createXMLHttp()
    {
      if(window.XMLHttpRequest)
          xmlHttp = new XMLHttpRequest();
      else if(window.ActiveXObject)
          xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    //开始请求
    function startRequest()
    {
      var elem = document.getElementById("txtCode").value;
      if(elem.length==6)
      {
        createXMLHttp();
        xmlHttp.onreadystatechange=handleRequest;
        xmlHttp.open("GET","/ZipModule/jsp/code.jsp?postalcode="+elem,true);
        xmlHttp.send(null);
      }
    }

    function handleRequest()
    {
      if(xmlHttp.readyState==4){
        if(xmlHttp.status == 200){
          var areaInfo = xmlHttp.responseText;
          if(areaInfo!=""&&areaInfo.length!=0){
            alert(areaInfo);
            var a=areaInfo.split("|");
            document.getElementById("txtArea").value = a[0];
            if(a[1]!=null)
                document.getElementById("txtCity").value = a[1];
          }else{
            document.getElementById("txtArea").value = " ";
            document.getElementById("txtCity").value = " ";
          }
        }
      }

    }
    </script>
  </head>
  <body bgcolor="#ffffff">
    <h2>
      请输入邮政编码
    </h2>
    <form action="#" >
      <br>邮政编码:<input type="text" name="txtCode" id="txtCode" maxlength="6" onkeypress="checkNumber()" onchange="startRequest()"/>
      <br>地&nbsp;&nbsp;&nbsp;&nbsp;区:<input type="text" name="txtArea" id="txtArea" readonly="readonly"/>
      <br>城&nbsp;&nbsp;&nbsp;&nbsp;市:<input type="text" name="txtCity" id="txtCity" readonly="readonly"/>
      </form>
   </body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -