Ajax的简单请求例子

 

----------------------------------------------------------------jsp----------------------------------------------------------------------------------

  <script type="text/javascript">
    var xmlhttp ="";
     function createXMLHttpRequest()
     {
         if(window.XMLHttpRequest)
         {//no  ie
           xmlhttp = new XMLHttpRequest();
         }
         else if(window.ActiveXObject)
         {
           xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
         }
     }
 
     function callback()
     {
         if(xmlhttp.readyState == 4)
         {
            if(xmlhttp.status == 200)
            {
               var mes =xmlhttp.responseXML.getElementsByTagName("message")[0].firstChild.data;

               var val = xmlhttp.responseXML.getElementsByTagName("passed")[0].firstChild.data;

               setMessage(mes, val);
 
            }
         }
     }
    
      function validate()
      {
        createXMLHttpRequest();
        var date = document.getElementById("bithDate");
        var url = "checkdate?birthDate=" + escape(date.value);
        xmlhttp.open("GET", url, true);
        xmlhttp.onreadystatechange = callback;
        xmlhttp.send(null);
      
      }
     
      function setMessage(message, isValid) {

            var messageArea = document.getElementById("dateMessage");

            var fontColor = "red";

            if (isValid == "true") {

                fontColor = "green";

            }

            messageArea.innerHTML = "<font color=" + fontColor + ">"

                + message + " </font>";

        }
     
  </script>

 

 

<body>
     Date:<input type="text" id="bithDate" οnchange="validate()"/>
     <div id="dateMessage">哈哈</div>
  </body>

------------------------------------------------------servlet--------------------------------------------------------------------------------

 PrintWriter out = response.getWriter();
         boolean passed = validateDate(request.getParameter("birthDate"));   //时间转换

         response.setContentType("text/xml");

         response.setHeader("Cache-Control", "no-cache");

         String message = "You have entered an invalid date.";

         if (passed) {

             message = "You have entered a valid date.";

         }
         out.println("<response>");

         out.println("<passed>" + Boolean.toString(passed) + "</passed>");

         out.println("<message>" + message + "</message>");

         out.println("</response>");

         out.close();

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值