使用AJAX访问后台数据的完整步骤，此代码为测试，仅供刚开始学习AJAX的同学使用，不与项目兼容

//1、创建xhr（XMLHttpRequest）

xhr= new XMLHttpRequest();

//请求状态码：请求没有发出，在调用open之前

alert(xhr.readyState);//0

//2、和服务器进行连接

//使用open这个方法进行连接，连接的时候传入参数，参数为从文本框中获取的zh

//get请求

xhr.open(“get”, “CheckZhServlet?zh=” + zh);

//请求状态码：请求已经建立，但是没有发出 在调用send之前

alert(xhr.readyState);//1

//post请求的应用

// xhr.open(“post”,“CheckZhServlet”,true);

// xhr.setRequestHeader(“Content-Type”,“application/x-www-form-urlencoded”);

//3、执行回调函数

//不能带有参数。否则会无法调用

xhr.onreadystatechange=pro;

//4、get发送数据

xhr.send(null);

//post请求发送数据

//xhr.send(“zh=”+zh)

}

}

//完成回调函数

function pro() {

//请求状态码：请求已经发出，正在处理中2

//请求已经处理，响应有数据，但是服务器没有完成响应3

//响应已经完成，浏览器可以访问服务器4

alert(xhr.readyState);//234

//在服务器加载的过程中，我们只需要让第4步加载之后，响应数据即可

if (xhr.readyState==4){

//再根据状态码进行判断，如果是其他状态码就直接阻止进入

if (xhr.status==200){

//接收ajax响应数据

var t = xhr.responseText;

alert(t)

//把相应的值赋值给显示标签

document.getElementById(“span_zh”).innerText=t;

}

}

}

用户名：

账号：

后端交互，模拟数据库查询

@WebServlet(“/CheckZhServlet”)

public class CheckZhServlet extends HttpServlet {

@Override

protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

//设置编码格式

resp.setContentType(“text/html;charset=utf-8”);

resp.setCharacterEncoding(“utf-8”);

req.setCharacterEncoding(“utf-8”);

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

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

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注Java获取）

知其然不知其所以然，大厂常问面试技术如何复习？

1、热门面试题及答案大全

面试前做足功夫，让你面试成功率提升一截，这里一份热门350道一线互联网常问面试题及答案助你拿offer

2、多线程、高并发、缓存入门到实战项目pdf书籍

3、文中提到面试题答案整理

4、Java核心知识面试宝典

覆盖了JVM 、JAVA集合、JAVA多线程并发、JAVA基础、Spring原理、微服务、Netty与RPC、网络、日志、Zookeeper、Kafka、RabbitMQ、Hbase、MongoDB 、Cassandra、设计模式、负载均衡、数据库、一致性算法 、JAVA算法、数据结构、算法、分布式缓存、Hadoop、Spark、Storm的大量技术点且讲解的非常深入

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
…(img-5VBEq3WL-1713522554668)]

[外链图片转存中…(img-fuGzLR40-1713522554669)]

[外链图片转存中…(img-aDg3HJgK-1713522554669)]
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！