Java学习（AJAX,JSON,案例：校验用户名是否存在）

2022/3/25

一、AJAX
1.概念：异步的javaScript和XML
        1.异步和同步：客户端和服务器端相互通信的基础上
                * 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作就是同步
                * 客户端不需要等待服务器端的响应。在服务器处理请求的过程，客户端可以进行其他操作是异步
                Ajax是一种在无需重新加载整个页面的情况下，能够更新部分网页的技术
                通过在后台与服务器进行少量的数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
                传统的网页不适用Ajax，如果需要更新内容，必须重载整个网页页面。
                提升用户的体验
2.实现
        1.JQuery实现方式
                1.$.ajax()

package ln.webtest.day01.Servlet;

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;

@WebServlet("/ajaxServlet")
public class AjaxServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //1.获取请求参数
        String username = request.getParameter("username");
        //2.打印username
        System.out.println(username);
        //3.响应
        response.getWriter().write("hello:"+username);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }
}

                 2.$.get()：发送get请求
                       * 语法：$.get(url,[data],[callback],[type])
                                * 参数：
                                        * url：请求路径
                                        * data：请求参数
                                        * callback：回调函数
                                        * type:响应结果的类型
                3.$.post()：发送post请求

二、JSON：
1.