Ajax

AJAX：即“Asynchronous Javascript And XML”（异步的JavaScript和XML），
是指一种创建交互式网页应用的网页开发技术，尤其是在一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
传统Web开发

World Wide Web（简称Web）：
是随着Internet的普及使用而发展起来的一门技术，其开发模式是一种请求→刷新→响应的模式，每个请求由单独的一个页面来显示，发送一个请求就会重新获取这个页面。

ajax写法

 <script>
            $(function () {
               $.ajax({
                          /*url指定接收请求的地址*/
                          url : "${pageContext.request.contextPath}/checkUsername",
                          /*data填写发送的数据*/
                          data : {
                              "name" :  $('input[name=username]').val()
                          },
                          // type指定请求类型
                          type : "get",
                          // dataType指定响应信息格式
                          dataType : "json",
                          // 指定成功的回调函数,res是响应回来的信息
                          success : function (res) {
                              if(res == 0){
                              }
                          },
                          // 指定失败的回调函数
                          error : function(){
                              alert("服务响应失败");
                          },
                          // 异步请求
                          async : true
                      })
            })
        </script>

ajax只能返回数字，或者json数据，

response.getWriter().println(0);
response.getWriter().println(JSON.toJSONString(list));

ajax简化写法

<script>
            $(function () {
                $('#reg').click(function () {
                    $.post(
                            "${pageContext.request.contextPath}/user/reg",
                            {
                                "username": $('input[name=username]').val(),
                                "password":$('input[name=password]').val()
                            },
                            function success(res) {
                                if(res == 0){
                                    $('#msg').html("注册失败").css('color','red');
                                }else{
                                    window.location.href = "${ pageContext.request.contextPath }/gologin";
                                }
                            },
                            "json"
                    );
                })
            })
        </script>