這1個月本身技術上的成長

你們好，進入前端這個領域也有一段時間了，第一次寫本身的心得體會，在這段時間中，本身學習到了一些ajax交互是如何實現的，今天寫這篇文章，也想讓本身縷一縷思路，讓整個邏輯更加明確！

前端規範:class命名要以：xxx-xxx,不用xxx_xxx,name中不用_ -, id能夠用_  取變量名：根據類型名取名，若是是一個字符串，str_xxx='';

if判斷要將值寫在前面，結構和結構以前的間距，用margin-bottom比margin-top好一些，class 等屬性用空格分開，代碼結束用；

localstorage的賦值，獲取值，刪除

localstorage['search'] = val;
localStorage.getItem("search");
localStorage.removeItem('search');

搜索課程：

主要思路：點擊搜索課程，localStorage裏面存入值，頁面跳轉，在另外一個頁面判斷，若是localStorage存在的話 就ajajx,將數據給後臺，後臺返回結果，經過jq, $.each()方法遍歷數據，用html(),或者append()等dom方法追加進來。

$('form').serializeArray()將表單name值和value值序列化爲數組  [{name:123,value:123},{age:23,value:456}]

註冊：

主要思路：首頁要在前端驗證用戶所輸入的數據是否合適，須要用到正則，若是用戶輸入信息不符合要求，就return false,直到符合要求，ajax在去請求後臺，成功後，後臺返回註冊成功信息。經過jq 中 $('form.').serializeArray()將value值和name值序列化爲數組，而後用$.each()方法遍歷數組，將每次遍歷的value值存入另外一個新建的json中，將新建的json傳給ajax

var obj_register = {};
$.each($(form).serializeArray(),function(){
    obj_register[this.name] = $(this).value; //name值存入表單的value值，經過name提交
 });
 $.ajax({
     'url':xxx,
     'data':obj_register,
     'suc':function(_data){
     },'err':function(){
     }
 })

登陸：

主要思路：首先前臺作一個簡單的判斷，密碼賬號不能爲空等，點擊後ajax, ajax 傳值仍是和註冊使用到的方法一致，經過name,這裏js驗證要比註冊的時候要更加簡潔一點，由於數據進入後臺後，後臺還會判斷傳進來的值是否在數據庫，因此前端的驗證就沒有以前註冊那麼麻煩。防止不良數據進庫，可是不防止你查詢.