開始java程式碼的 編寫(續02:前端 ,我們採用的是 非同步提交的 就是實現 了前後端的分離 前端就寫好HTML)
後端接到 前端的html 了就 使用jquery 完成了 拓展 前端業務的熟悉與運用 使用json
ajax 的請求 來實現非同步的 效果 顧及了 使用者的體驗使用
開始編寫========================》視訊: 聽講: 筆記
啟動 tomcat 的 在 像 以前一樣的 在 裡點選啟 動的方式
Edit config ---->Run/Debug Configurrations介面------>點選+ 找 maven 加入—》
Parametes------》command line 裡 編寫的是;tomcat7:run(有下拉框)在最上面的 name框裡定義name platy ok 就行
注意 : 非同步裡 沒有el 表示式, jlit 和jsp 頁面
register.html
thml page 的裡面
使用者名稱:的 js 程式碼--------------------》
根據flag ; 來 判斷
使用者名稱合法: 我們不加標籤
else()。。。。。。。。。。。。。。。。。
/* 表單的校驗
* 使用者名稱 L正則表示式:
* 使用者名稱:單詞 字元8到20位 =》 資料庫裡varchar 的就是 100 個字元
* 密碼:
* Email:
* 姓名:
* 手機號:not null
* 出生日期:非空 not null
* 驗證碼:not null
* 7:個需要校驗的
* 分別校驗 :
* /
//使用者名稱 校驗/
/ js變數呼叫test()返回的就是boolean
test() 方法用於檢測一個字串是否匹配某個模式.
如果字串 string 中含有與 RegExpObject 匹配的文字,則返回 true,否則返回 false。也就是 符合正則表示式*/
if (falg) {//判斷 與提示資訊 通過就合法
else {//或者不合法 我們的提示是: 給邊框 設定紅色的 在離開邊框的時候
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲username").css(…/ ^是 開始,KaTeX parse error: Expected 'EOF', got '\W' at position 6: 是結束 ,\̲W̲
如果 這個 方法 返回值的 是 true 就submit 是flase 則不submit
現在 我們我們訪問的 網站的時候 我們至少的有 3個 使用者名稱 密碼 與 Email4
非同步submit的 方式==================================================》
/表單submit的時候 提交所有的校驗方法 : 呼叫方法
* //如果 當前的方法校驗 沒有返回值或返回值為true 就 submit
//當所有的方法都是true 就submit*/
/* 在用非同步的 方式來submit
表單 提交 的2件事 :1: 傳送資料 為true 就----> 2:跳轉頁面 if 裡的就是true*/
資料不知道先不寫 接著是Function回撥函式 傳入伺服器給response 的資料
在用非同步的 方式來submit
表單 提交 的2件事 :1: 傳送資料 為true 就----> 2:跳轉頁面
(this).serialize(),function (data) {// “”: 應該填寫的是 使用者填寫的表單資料
/* 怎樣 將資料 KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲registerForm")拿…(this) 包裝 成jquery 物件 : 因為是表單物件 調
用的 —》 就是當前的this 即可*//由於 是非同步 submit 我們看不到表單 /
/ 將來會提交到 後端的registUserServlet 類裡/
});
// blur():當某個主鍵時期焦點的時候 就 呼叫對應的額 效驗方法
// 當你離開輸入完的時候 就 執行 提交的
測試: 開啟伺服器後 瀏覽器裡輸入 register.html
f12 點出 除錯的 NetWork 隨便的填寫資料 …再 看Header 里拉到最後 就會看到這些資訊
username。。。。password
點選紅圓點 就clear 了 再 測試 我們有一個username不符合 要求 就沒有提交submit
禁用同步submit、--------> 要非同步的submit
在驗證呢 當同步submit、 是404 的 就說明禁用 了非同步
200 的說明提交成功
/* if 裡的方法 是帶() 的 blur裡的 是不帶()只穿方法名*/
Jquery裡的serialize() 就是序列化到 字串的格式
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&