后端用doget,前端用$.get方法进行前后端数据交互

最新推荐文章于 2024-06-02 18:15:44 发布

嘿~两颗糖分你一颗

最新推荐文章于 2024-06-02 18:15:44 发布

阅读量553

点赞数

分类专栏：数据传递

本文链接：https://blog.youkuaiyun.com/weixin_51822790/article/details/118340450

版权

数据传递专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了一个简单的前后端交互示例，从前端搭建到后端处理请求的全过程，包括项目建立、框架配置、前后端代码编写及调试等步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、新建一个项目
在这里插入图片描述
2、添加框架支持

3、新建两个文件lib用来存放支持，classes用来存放输出

4、对classes的设置

5、对lib的设置 [点击右边的加号可以进行添加操作]

6、把需要的支持文件复制到lib文件夹

7、导入一个jquery包
在这里插入图片描述

7、新建一个构件，把右边的可用元素导到输出根下，（双击就可以了）
在这里插入图片描述
8、配置tomcat（选择工件的时候，选上一步新建的构件）

9、开始代码
后端新建一个类

@WebServlet("/getServlet")
public class getServlet extends HttpServlet {
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws  IOException {
        System.out.println(request.getParameter("username") + ":发来一条get请求");
        response.setContentType("text/html;charset=utf-8");
        int num=1;
        response.getWriter().print(num);
    }
}

前端在index.jsp文件中

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
  </head>
  <body>
  $Title$
  </body>
  <script type="text/javascript" src="js/jquery-1.12.1.min.js"></script>
  <script>
  alert("111");
  $.get("http://localhost:8080/MinghuApi/getServlet?username=koukou",function (data){
    alert("222")
    alert(data);
  });
</script>
</html>