常用的JS JSTL

不管现实多么惨不忍睹,都要持之以恒地相信,这只是黎明前短暂的黑暗而已。不要惶恐眼前的难关迈不过去,不要担心此刻的付出没有回报,别再花时间等待天降好运。真诚做人,努力做事!你想要的,岁月都会给你。常用的JS JSTL,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com,来源:原文

#JS 里面的中文编码

var kerwordsCode = encodeURI( kerwords );             //进行转码 JS 端

String keyword = URLDecoder.decode( keyword ,"utf-8");  //Java后台进行解码

#JS input选择器

$("input[name='keleyicom']") 选择所有的name属性等于'keleyicom'的input元素
$("input[name!='keleyicom']") 选择所有的name属性不等于'keleyicom'的input元素

#全局CSS替换 Jquery

$(".values").css("color","green");

//先删除,后添加。或者先添加后删除均可

$(".aaa").addClass("bbb").removeClass("aaa");

$(".aaa").removeClass("aaa").addClass("bbb");

/***** 格式化整个Form,转换成JSON格式 *****/

function getJsonForm( formId ){
    if( varIsNUll( formId ) ){
        formId = "defaultFormId" ;
    }
    console.log($('#' + formId ).serializeJSON());
    console.log(JSON.stringify($('#' + formId ).serializeJSON()));
    return JSON.stringify($('#' + formId ).serializeJSON());
}

/***** 判断对象是否为空 *****/

function varIsNUll( reValue ){
    if (typeof(reValue) == "undefined" || reValue== null || reValue.length == 0 ) {
        return true ;
    }else{
        return false ;
    }
}

格式化JSON字符串 to JSON

var data = '{"status":"0","id":"14","filePath":"http://zcsjw-com.oss-cn-qingdao.aliyuncs.com/photo/common/supplier/pic/140199734915.png"}' ;
var json =  JSON.parse(data);
console.log( json.filePath);

 from表单的数据转成JSON


    /** 表单序列化成json字符串的方法  */
    function form2JsonString(formId) {
        var paramArray = $('#' + formId).serializeArray();
        /*请求参数转json对象*/
        var jsonObj={};
        $(paramArray).each(function(){
            jsonObj[this.name]=this.value;
        });
        console.log(jsonObj);
        // json对象再转换成json字符串
        return JSON.stringify(jsonObj);
    }
    

 

JS只取Double的两位小数

(sum / dayCount).toFixed(2)

限制只能保留两位小数点

<input type="text" onkeyup="num(this)" size="10"/>元
<input type="text" onkeyup='this.value=this.value.replace(/\D/gi,"")'/>

function num(obj){
    obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符
    obj.value = obj.value.replace(/^\./g,""); //验证第一个字符是数字
    obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个, 清除多余的
    obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
    obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数
}

限制只能输入数字

<input type="text" onkeyup='this.value=this.value.replace(/\D/gi,"")'/>

//公共日志组件
log = function (s) {
    try {
        console.log(s);
    } catch (e) {}
}

去掉A链接下划线样式

a{text-decoration:none}

以及不可点击
<a title="编辑"  href ="javascript:return false;" onclick="return false;" style="cursor: default;">

JSTL判断是否是最后一个元素 

<c:forEach items="${pointSection}" var="chl" varStatus="stat">
        <c:if test="${!stat.last}" >
         <div class="item" id="_MYJD_repair" style="border-bottom-style: dotted;border-bottom-width: 1px;border-bottom-color: olive">
          <a href="pointProductController.html?flag=flagPProductsection${chl.pointseId}" class="zltda">${chl.section}</a>
         </div>
       </c:if>
        <c:if test="${stat.last}">
         <div class="item" id="_MYJD_repair">
          <a href="pointProductController.html?flag=flagPProductsection${chl.pointseId}" class="zltda">${chl.section}</a>
         </div>
        </c:if>
</c:forEach>

判断属性否为空

<c:if test="${empty var1}">
    var1 is empty or null.
</c:if>
<c:if test="${not empty var1}">
    var1 is NOT empty or null.
</c:if>

 指定select ID,某个值选中

/****
 * 指定select ID,某个值选中
 * @param selectId
 * @param checkValue
 */
function set_select_checked(selectId, checkValue){
    var select = document.getElementById(selectId);
    for (var i = 0; i < select.options.length; i++){
        if (select.options[i].value == checkValue){
            select.options[i].selected = true;
            break;
        }
    }
}

console.info兼容IE

/****
 * 打印日志,但是需要兼容IE,否则IE又执行不了
 * @param msg
 */
function consoleLog(msg){
    if (window["console"]){//判断是否是IE
        console.log(msg);
    }
}
var a = $("input[name='radio']:checked").val();

Jquery Ajax

$.ajax({
    url:"http://www.microsoft.com", //请求的url地址
    dataType:"json", //返回格式为json
    async:true,//请求是否异步,默认为异步,这也是ajax重要特性
    data:{"id":"value"}, //参数值
    type:"GET", //请求方式
    beforeSend:function(){
        //请求前的处理
    },
    success:function(req){
        //请求成功时处理
    },
    complete:function(){
        //请求完成的处理
    },
    error:function(){
        //请求出错处理
    }
});

jquery获取多个input元素属性值

var name = $(this).attr("name");    //获取name值
var val = $(this).val();            //获取value值

jquery属性操作

//两种方法设置disabled属性
$('#areaSelect').attr("disabled",true);
$('#areaSelect').attr("disabled","disabled");

//三种方法移除disabled属性
$('#areaSelect').attr("disabled",false);
$('#areaSelect').removeAttr("disabled");
$('#areaSelect').attr("disabled","");

js获取自定义的option属性

 var url = $(sobj).find("option:selected").attr("type");
//获取select的option中的自定义属性url

JS对GET请求的URL中文编码

<script type="text/javascript"> 
var uriStr = "http://www.baidu.com?name=张三&num=001 zs"; 
var uriec = encodeURI(uriStr); 
document.write("编码后的" + uriec); 
var uridc = decodeURI(uriec); 
document.write("解码后的" + uridc); 
</script> 

编码后的http://www.baidu.com?name=%E5%BC%A0%E4%B8%89&num=001%20zs 
解码后的http://www.baidu.com?name=张三&num=001 zs

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/160750.html

(0)
飞熊的头像飞熊bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!