ajax+json

ajax學習： 1.ajax的概念 局部刷新技術。不是一門新技術，是多種技術的組合，是瀏覽器端的技術

2 爲何要使用ajax？
傳統的模式是發送請求到服務器，服務器通過業務處理。返回一個頁面給客戶端瀏覽器。這樣的作法，浪費資源，可能屢次請求同一個頁面資源。
因此咱們須要 ajax。首先只須要請求一次頁面，以後全部的數據交互都無需從新加載當前頁面。css

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();