ajax+json

ajax学习：
     1.ajax的概念
            局部刷新技术。不是一门新技术，是多种技术的组合，是浏览器端的技术

      2 为什么要使用ajax？
           传统的模式 是 发送请求 到 服务器 ，服务器经过业务处理。返回一个页面给 客户端浏览器。这样的做法，浪费资源，可能多次请求同一个页面资源。
           所以 我们需要 ajax。首先 只需要请求一次页面 ，之后所有的数据交互 都 无需 重新加载当前页面。

2.ajax的作用
             实现在当前结果页中显示其他请求的响应内容
     3.ajax的使用
         ajax的基本流程
               //创建ajax引擎对象
               //复写onreadystatement函数
                      //判断ajax状态码
                          //判断响应状态码
                               //获得响应内容
                                    //处理响应内容
                //发送请求
         ajax的状态码
               redayState:0,1,2,3,4
                     4:表示内容被成功接受
               响应状态码：
                    200:表示一切ok
                    404：资源为找到
                    500：服务器繁忙
          ajax的异步和同步
               ajax.open(method,url,async);
               async:表示设置同步代码还是异步代码执
                      true:代表异步  默认异步
                      false:代表同步

4 json格式入门


      ajax 发送 json格式的数据给后台

       $.post(   "/shop/checkUsername"  ,  { username: username.value , aeg:18 }  ,   function (data) {
                              // data 就是服务器响应给我们的数据   回调函数
                                 if(data == "no"){
                                     $("#showMsg").html("对不起 用户名已被占用").css("color","red");
                              }else{
                                  $("#showMsg").html("恭喜您 获得如此酷炫用户名").css("color","green");
                              }
                        }  );


       后台回传json数据的响应给前台浏览器  （java整json很麻烦 我们借助阿里巴巴的fastjson.jar 第三方jar包 处理json ）
       A 将 fastjson.jar 导入到工程中的 WEN-INF/lib目录下

boolean exit = dao.isExit(telephone);
PrintWriter out = resp.getWriter();
/*if (exit){
     out.write(exit ? "no" : "ok");
}*/
//System.out.println(exit);
Map<Object, Object> map = new HashMap<>();
if (exit){
    map.put("code","100444");
    map.put("message","该用户名已被占用");
}else {
    map.put("code","100200");
    map.put("message","用户名可用");
}
String s = JSON.toJSONString(map);
out.write(s);
out.close();