一个简单的前后端交互示例（Tomcat，idea）

src/main/java/com/example/CalculateServlet.java

package com.example;

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

@WebServlet("/calculate")
public class CalculateServlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 设置请求字符编码为UTF-8，防止中文参数乱码
        request.setCharacterEncoding("UTF-8");
        // 从HTTP请求中获取名为"input"的参数值（前端提交的输入内容）
        String input = request.getParameter("input");
        // 简单函数运算：添加前缀
        // 将原始输入内容与固定前缀拼接生成处理结果
        String result = "处理后的：" + input;
        
        // 设置响应内容类型为纯文本，并指定字符编码为UTF-8（防止客户端显示乱码）
        response.setContentType("text/plain;charset=UTF-8");

        PrintWriter out = response.getWriter();
        out.print(result);
        out.flush();
    }
}

src/main/webapp/index.jsp

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




前后端交互示例

点击输出

pom.xml 

  4.0.0
  org.example
  untitled1
  war
  1.0-SNAPSHOT
  untitled1 Maven Webapp
  http://maven.apache.org
  
    
      junit
      junit
      3.8.1
      test
    
    
      javax.servlet
      javax.servlet-api
      3.1.0
      provided
    
  
  
    untitled1
  

运行结果