如何从jQuery的$ .ajax()函数调用servlet

$(document).ready(function() {
  $("#myButton").click(function() {
    $.ajax({
      url: "/MyServlet",
      type: "GET",
      dataType: "json",
      success: function(data) {
        console.log("成功获取数据：", data);
      },
      error: function(xhr, status, error) {
        console.log("请求出错：", error);
      }
    });
  });
});

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

@WebServlet("/MyServlet")
public class MyServlet extends HttpServlet {

  @Override
  protected void doGet(HttpServletRequest request, HttpServletResponse response)
      throws ServletException, IOException {
    // 设置响应内容类型
    response.setContentType("application/json");

    // 使用PrintWriter写入响应数据
    PrintWriter out = response.getWriter();
    out.println("{ \"message\": \"Hello from MyServlet!\" }");
  }
}