这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验证要比注册的时候要更加简洁一点，由于数据进入后台后，后台还会判断传进来的值是否在数据库，因此前端的验证就没有以前注册那么麻烦。防止不良数据进库，可是不防止你查询.