Ajax与Servlet交互 一（原生JS）

创建一个用于接收Ajax请求的Servlet

package com.ajaxAndJQ.servlet;

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

// 这里使用了注解注册servlet 所以xml不用配置
@WebServlet("/HelloAjax")
public class HelloAjax extends HttpServlet {
    // 用于接收get请求
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        System.out.println(request.getParameter("name") + ":发来一条get请求");
        response.setContentType("text/html;charset=utf-8");
        response.getWriter().write("get请求已收到");
    }

    // 用于接收post请求
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        System.out.println(request.getParameter("name") + ":发来post请求");
        response.setContentType("text/html;charset=utf-8");
        response.getWriter().write("post请求已收到");
    }

}

创建一个jsp文件

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

    

        点击使用Ajax发送get请求
    

    

        点击使用Ajax发送post请求
    

 

    

使用谷歌浏览器运行 结果如下

后端结果