JavaEE 使用 JQuery 完成 ajax & json 数据的传输(1)，2024年最新面试技巧26个面试经典问题回答

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上Java开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024b （备注Java）

正文

二、编写前端表单界面

=========================================================================

2.1 html 部分

这里使用了 BootStrap， jquery 库

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

查询

2.2 js 部分（ajax 编写）

我使用 JQuery 来完成 ajax 请求的部分

$(“button”).on(‘click’,function () {

// 获取用户在输入框中

let name = $(“input:first”).val();

$.ajax({

url:“GetStuServlet”,

type:“post”,

data: {

sname:name

},

dataType:“json”,//这里必须加上，这样做游览器会对 json 有更好的解析

success:function (data) {

console.log(data);

// 使用字符串拼接的方式形成表格

let msg = “学生id学生姓名学生年龄学生性别”;

$(“table”).html(msg);

// each() 是 JQuery 的遍历语法

$(data).each(function (i,s) {

msg+=“”;

msg+=“”+s.sid+“”;

msg+=“”+s.sname+“”;

msg+=“”+s.sage+“”;

msg+=“”+s.sgender+“”;

msg+=“”;

})

// console.log(msg);

$(“table”).html(msg);

},error:function (msg) {

console.error(msg);

}

})

})

三、后端请求处理

=======================================================================

3.1 mysql 建表

建立如下表

create table(

id int(3) primary key,

sname varchar(20),

sage int(3),

sgender enum(‘男’,‘女’)

);

并插入一些测试数据

3.2 编写 BaseDao

封装 BaseDao，用于简化 JDBC 的处理

import java.sql.*;

public class BaseDao {

private String Driver = “com.mysql.jdbc.Driver”;

private static final String URL = “jdbc:mysql://localhost:3306/test?useUnicode=true&characterEncoding=utf8”;

private static final String USERNAME = “root”;

private static final String PASSWORD = “root”;

private Connection con = null;

// 获取连接

public PreparedStatement getConnect(String sql) throws SQLException {

PreparedStatement ps = null;

try {

Class.forName(Driver);

con = DriverManager.getConnection(URL,USERNAME,PASSWORD);

ps = con.prepareStatement(sql);

} catch (Exception e) {

e.printStackTrace();

}

return ps;

}

// 关闭连接

public void closed(PreparedStatement ps, ResultSet set) throws SQLException {

if (ps!=null) {

ps.close();

}

if (set!=null) {

set.close();

}

if (con!=null) {

con.close();

}

}

}

3.3 编写 Student 实体类

后面从数据库中查出来的数据，我们要存储到 ArrayList 当中

public class Student {

private Integer sid;

private String sname;

private Integer sage;

private String sgender;

public Student(Integer sid, String sname, Integer sage, String sgender) {

this.sid = sid;

this.sname = sname;

this.sage = sage;

最后

小编利用空余时间整理了一份《MySQL性能调优手册》，初衷也很简单，就是希望能够帮助到大家，减轻大家的负担和节省时间。

关于这个，给大家看一份学习大纲（PDF）文件，每一个分支里面会有详细的介绍。

这里都是以图片形式展示介绍，如要下载原文件以及更多的性能调优笔记（MySQL+Tomcat+JVM）！

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024b （备注Java）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

UDoAOxA-1713611212478)]

这里都是以图片形式展示介绍，如要下载原文件以及更多的性能调优笔记（MySQL+Tomcat+JVM）！

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024b （备注Java）
[外链图片转存中…(img-wmQ7KlS9-1713611212478)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！