一个最基础完整版的ajax项目

jsp文件


<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/9/14
  Time: 19:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
    <script type="text/javascript">
        function sendHttpRequest() {
            //步骤一创建XMLHttpRequest对象
            var xhr = new XMLHttpRequest();
            //步骤二设置请求方式及请求路径
            xhr.open("get","AJAXAction");
            //步骤三发送请求
            xhr.send();
            //步骤四获取回调函数
            xhr.onreadystatechange = function () {
                if (xhr.readyState == 4 && xhr.status == 200){
                    alert(xhr.responseText);
                }
            }
        }
    </script>


  </head>
  <body>
  <input type="button" onclick="sendHttpRequest()" value="准备好开始爽了吗">
  </body>
</html>




java

package com.tjetc.demo;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

public class AJAXAction extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        req.setCharacterEncoding("UTF-8");
        resp.setCharacterEncoding("UTF-8");
        PrintWriter out = resp.getWriter();
        out.print("你通过AJAXAction对我进行了访问爽了吗");
    }
}

WEB.XML
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
 <servlet>
     <servlet-name>AJAXAction</servlet-name>
     <servlet-class>com.tjetc.demo.AJAXAction</servlet-class>

 </servlet>
    <servlet-mapping>
        <servlet-name>AJAXAction</servlet-name>
        <url-pattern>/AJAXAction</url-pattern>
    </servlet-mapping>
</web-app>

一个最基础完整版的ajax项目

猜你喜欢