Jquery

1. 字符串格式化

var hot_li_template = '<li><div class="li-out"><span class="last"><i>{0}</i></span><span class="name"><a  href="{1}">{2}</a></span><span class="nums">{3}</span></div></li>'

jQuery.format(hot_li_template, i + 1, url, data.title, numberScale(data.views));

 

2. 四舍五入指定小数位数

ƒ (num) {
    var ret = num;

    if (num > 1000) {
        ret = (num / 1000).toFixed(1) + 'k';
    }
    return ret;
}

toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。

 

3. 单选框全选

$('.checkall').on('click', function(event) {
        var checked = $(this).prop('checked');
        if (checked) {
　　　　　　　//attr方法第三次点击会失效
            //$(this).closest('table').find('input[type=checkbox]').attr('checked', 'checked');
　　　　　　　$(this).closest('table').find('input[type=checkbox]').prop('checked', 'checked');
        } else {
            $(this).closest('table').find('input[type=checkbox]').removeAttr('checked');
        }
    });

 

4. ajax请求，后台无法获取session信息

$.ajax({
        url:base + "/aaa",
        type:"get",
        data:{appId:"1"},
        xhrFields: {
            withCredentials: true
        },
        success:function(data)  {
            var response = data.data;
            var startHtml = '<ul class="nav" id="side-menu">';
            if(response != null){
                for(var i = 0; i < response.length; i ++){
                    var inData = response[i];
                    var url = "#";
                    if(inData.children == null  || inData.children.length == 0){
                        url = inData.url;
                    }
                    startHtml += '<li><a href="' + url  + '"><i class="fa fa-dashboard fa-fw"></i>' + inData.name + '<span class="fa arrow"></span></a>';
                    if(inData.children != undefined && inData.children.length > 0){
                        var outHtml  = '<ul class="nav nav-second-level">';
                        for(var j = 0; j < inData.children.length; j ++){
                            var outData = inData.children[j];
                            outHtml += '<li><a href="' + outData.url  + '"><i class="fa fa-dashboard fa-fw"></i>' + outData.name + '</a></li>';
                        }
                        startHtml += outHtml + '</ul>';
                    }
                    startHtml += '</li>';
                }
            }
            startHtml += '</ul>';
            console.log(startHtml);
            $("#initMenu").append(startHtml);
        }
    })

解决方法为添加：

xhrFields: {
            withCredentials: true
        }

默认情况下，跨源请求不提供凭据(cookie、HTTP认证及客户端SSL证明等)。通过将withCredentials属性设置为true，可以指定某个请求应该发送凭据。如果服务器接收带凭据的请求，会用下面的HTTP头部来响应。
Access-Control-Allow-Credentials: true。
如果发送的是带凭据的请求，但服务器的相应中没有包含这个头部，那么浏览器就不会把相应交给JavaScript(于是，responseText中将是空字符串，status的值为0，而且会调用onerror()事件处理程序)。另外，服务器还可以在Preflight响应中发送这个HTTP头部，表示允许源发送带凭据的请求。
支持withCredentials属性的浏览器有Firefox 3.5+、Safari 4+和Chrome。IE10及更早版本都不支持。