【工作学习】css+ajax+debug

一、css学习

1.div禁用
pointer-events：none
2.字加阴影
text-shadow
3.div内含p为何无法水平、垂直居中（未）

三、ajax公共方法如何处理（未）

四、登录逻辑

1. 登录jq验证
2. 未登录可直接打开之后的页面
   1. 未登录拦截：对sessionId进行判断并且跳转至登录页面
3. 同时多人登录，前者登录的用户无法获取数据
   1. 判断是否与请求的相同，不同返回登录界面（未）
4. 抽完奖，title_name变成undefined

五、如何防止用户在ajax请求没成功之前，点击按钮多次调用ajax

通过设置变量，对请求进行拦截

if (loading === true) {
        alert('loading... try later.');
        return false;
    }
    loading = true;
    
    $.ajax({
        url: 'test.html'
    }).done(function() {
        
        alert('done!');
        
        // 完成后设为 false
        loading = false;
    });
}

六、动态获取地址栏参数

1. 截取
2. 正则匹配
   1. var reg = new RegExp('(^|\\?|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.hash.substr(1).match(reg); if (r != null) { return decodeURI(r[2]); } return null;
3. 浏览器封装
   1. var url = new URL(window.location.href) var open_id = url.searchParams.get("open_id") var program_id= url.searchParams.get("program_id")

七、ajax调用，success没有返回值

1. 检查代码错误
2. 检查控制台network状态
3. 差错：url重复赋值出现错误