AJAX乱码与异步同步以及封装jQuery库实现步骤详解
这篇文章主要介绍了异步通信技术AJAX乱码问题、异步与同步、手动封装一个jQuery库，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧
1、AJAX乱码问题
（1）发送ajax get 或者 ajax post请求时下面两种情况？
①发送数据到服务器，服务器获取的数据是否乱码？
②服务器响应给前端的中文，会不会乱码？
（2）以Tomcat9为例：
①前端代码：填数据，发送到服务器
测试AJAX乱码问题
②后端代码：先获取数据，然后在把数据响应给服务器
package com.bjpowernode.javaweb.ajax; 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; /** * @program: 代码 * @ClassName: AjaxRequest7Servlet * @version: 1.0 * @description: 测试ajax乱码问题 **/ @WebServlet("/ajaxrequest7") public class AjaxRequest7Servlet extends HttpServlet { @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 接收的中文会不会乱码----不会 String username = request.getParameter("username"); System.out.println(username); // 响应中文会有乱码吗？----会 response.setContentType("text/html;charset=UTF-8"); PrintWriter out = response.getWriter(); out.print(username); } @Override protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 接收的中文会不会乱码----会 request.setCharacterEncoding("UTF-8"); String username = request.getParameter("username"); System.out.println(username); // 响应中文会有乱码吗？---会 response.setContentType("text/html;charset=UTF-8"); PrintWriter out = response.getWriter(); out.print(username); } }（3）测试结果：
对于tomcat10来说，关于字符集，我们程序员不需要干涉，不会出现乱码。
对于tomcat9和之前的版本来说：
①对于GET请求：接收前端的数据输出到控制台不会乱码；把接收到的数据重新发给浏览器，输出打印到浏览器会乱码！
②对于POST请求：接收前端的数据输出到控制台和把接收到的数据重新发给浏览器进行输出两者都会乱码！
相关文章
AJAX的跨域问题解决方案
跨域简单的说,就是从一个域名的网页去访问另一个域名网页的资源,下面这篇文章主要给大家介绍了关于AJAX的跨域问题解决的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
利用Ajax实现智能回答的机器人示例代码
这篇文章主要介绍了利用Ajax实现智能回答的机器人,本文结合示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
ajax、axios和fetch之间优缺点重点对比总结
今天被问到用没用过ajax axios,我回答经常用axios,但ajax用的比较少,下面这篇文章主要给大家介绍了关于ajax、axios和fetch之间优缺点重点对比总结的相关资料,需要的朋友可以参考下
如何通过axios发起Ajax请求(最新推荐)
Axios是专注于网络数据请求的库，相比于原生的XMLHttpRequest对象，axios简单易用。相比于Jquery，axios更加轻量化，只专注于网络数据请求，这篇文章主要介绍了如何通过axios发起Ajax请求,需要的朋友可以参考下
原生Ajax之全面了解xhr的概念与使用
AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新,下面这篇文章主要给大家介绍了关于原生Ajax之全面了解xhr的概念与使用的相关资料,需要的朋友可以参考下