这1个月自己技术上的成长-CSDN博客

2019独角兽企业重金招聘Python工程师标准>>>

大家好，进入前端这个领域也有一段时间了，第一次写自己的心得体会，在这段时间中，自己学习到了一些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验证要比注册的时候要更加简洁一点，因为数据进入后台后，后台还会判断传进来的值是否在数据库，所以前端的验证就没有之前注册那么麻烦。防止不良数据进库，但是不防止你查询.

转载于:https://my.oschina.net/MrChows/blog/668461