wuheng
/
vip21-javaweb


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344
							<%--
  Created by IntelliJ IDEA.
  User: 武恒
  Date: 2023/2/10
  Time: 9:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>Ajax</title>
  </head>
  <body>


  <div style="width: 500px; margin: 0 auto">
    <button onclick="sendData()" > sendData </button>
    <div id="ajax-respone" style="width: 400px; height: 400px; border: 1px solid red">

    </div>

  </div>


  <script>

    var sendData = function(){
      var xmlHttpRequest = new XMLHttpRequest();
      xmlHttpRequest.onreadystatechange = function (state) {
        if ( xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200 ) {
          document.getElementById("ajax-respone").innerHTML = xmlHttpRequest.responseText;
          //alert( xmlHttpRequest.responseText )
        }
      }
      xmlHttpRequest.open("GET", "<%=request.getContextPath()%>/ajaxRequest", true)
      xmlHttpRequest.send()

    }

  </script>


  </body>
</html>