Js JQuery用法

选择器的使用:

var input_ = $('input[value=' + result.cmmdtyCode + ']');var num = input_.parent('tr').find('.number-viwer').val() - 0 + 1;tr = tr.replace(/CommdityCode/g, result.cmmdtyCode).replace(/CommdityName/g, result.cmmdtyName).replace(/SellPrice/g, result.retailPrice).replace(/TotalAmount/g, result.retailPrice).replace(/UnitPrice/g, result.retailPrice).replace(/SurplusNums/g, result.surplusNum);$tr = $(tr); setTimeout(function () {                $nbsp = $tr.find('.numberstep')                nbsps.push(numberStep.create($nbsp.get(0)));            }, 100);var dom = $yuan.parents('tr');$.get(url, function (data) {        if ("000000" == data.responseCode) {            var result = data.responseObject;            if ("true" == result.priceFlag) {                var total = result.discountPrice * number;                if (total <= 0) {                    discount.val(0);                } else {                    discount.val(total);                }                res = 'true';            } else {                res = '该价格过低';            }        } else {            res = '校验价格失败，请稍后重试！';        }    }, "json").fail(function () {        res = '校验价格失败，请稍后重试';    }); comditys.forEach(function (val) {        if (1 == val.isEnough) {            var _dom = $('input[value=' + val.cmmdtyCode + ']').parent('tr');            var _num = $(".cartList").find('tr:gt(0)').index(_dom);            if (0 == val.num) {                _dom.find('td').first().html(_dom.find('td').first().text() + '<span class="invalid"></span>');                _dom.find('.a-edit').attr("display", "none");                nbsps[_num].deactive();                _dom.find('p.count-info').html("无货");                _dom.find('p.count-info').show();            } else if (10 >= val.num) {                _dom.find('input[name="quantity"]').attr('max', val.num);                _dom.find('input[name="quantity"]').attr('max-val', val.num);                _dom.find('p.count-info').html("库存仅剩" + val.num + "件");                _dom.find('p.count-info').show();                nbsps[_num].init();            } else {                _dom.find('input[name="quantity"]').attr('max', val.num);                _dom.find('input[name="quantity"]').attr('max-val', val.num);                nbsps[_num].init();            }        }    });/**     * 消息提醒     * @param msg     */    function toast(msg) {        //弹出提示        $.toast({            //showHideTransition: 'fade',            text: msg,            position : 'mid-center',            textAlign: 'center',            loader:true,            Icon:"Information"        });    }数字的计算：var cashCount  = Number(responseInfo.saleCount).toFixed();//消费笔数            var cashAmt = Number(responseInfo.saleAmount).toFixed(2);//消费金额

js

FETCH_JS = {        //购物单编码        _shoppingCode : '',        //待支付订单编码        _orderCodePay : '',        //待退款订单编码        _orderCodeRefund : '',        init_click :function () {            $("#handOnQueryBtn").click(function(){                $("#handOnQueryBtn").data('initing', true);                FETCH_JS.doQueryHandOnPage(1);            });            $("#waitPayQueryBtn").click(function(){                $("#waitPayQueryBtn").data('initing', true);                FETCH_JS.doQueryWaitPayPage(1);            });            $("#refundQueryBtn").click(function(){                $("#refundQueryBtn").data('initing', true);                FETCH_JS.doQueryRefundPage(1);            });            $("#handOnQueryBtn").click();            $("#waitPayQueryBtn").click();            $("#refundQueryBtn").click();        },        // toast提示方式        toast : function(msg) {            //弹出提示            $.toast({                //showHideTransition: 'fade',                text: msg,                position : 'mid-center',                textAlign: 'center',                loader:false,                Icon:"Information"            });        },        // 去退款        goRefund : function(orderCode) {            window.location.href = "/mis/returns.do?orderCode=" + orderCode;        }    };FETCH_JS.init_click();<p><a href="javascript:;" class="btn btn-primary" onclick="FETCH_JS.goPay('${orderInfoDTO.orderCode}')">去支付</a></p>

手机号码校验：

var phoneNum = $.trim($("#waitPayPhone").val());if(phoneNum != '' && !(/^1[34578]\d{9}$/.test(phoneNum)));

局部刷新 分页信息：

<link rel="stylesheet" type="text/css" href="${resRoot}/css/lib/jquery.cxcalendar.css"><link rel="stylesheet" type="text/css" href="${resRoot}/css/lib/jquery.toast.min.css"><link rel="stylesheet" type="text/css" href="${resRoot}/css/lib/jquery.toast.min.css"><script type="text/javascript" src="${resRoot}/js/lib/jquery-1.12.4.js"></script><script type="text/javascript" src="${resRoot}/js/lib/jquery.twbsPagination.js"></script><script type="text/javascript" src="${resRoot}/js/lib/tabs.js"></script><script type="text/javascript" src="${resRoot}/js/lib/component.min.js"></script><script type="text/javascript" src="${resRoot}/js/lib/jquery.toast.min.js"></script><!--局部分页--><div class="qudan-pager" id="orderListPagerDiv">    <script type="text/javascript">        $(function () {            $('#orderListPagerDiv').twbsPagination({                totalPages: ${orderListPager.totalPage},                visiblePages: 5,                startPage: ${orderListPager.page},                hideOnlyOnePage: true,                firstClass: 'hide',                lastClass: 'hide',                prevClass: 'qudan-pager-prev',                nextClass: 'qudan-pager-next',                prev: ' ',                next: ' ',                onPageClick: function (event, page) {                    // 判断是否初始化查询                    if (!$("#orderSearchBtn").data('initing')) {                        $("#orderSearchBtn").data('initing', true);                        // 分页查询,查询X页                        ORDER_JS.doQueryOrderOnPage(page);                    } else {                        $("#orderSearchBtn").data('initing', false);                    }                }            });        });    </script></div>

server端

@RequestMapping("/queryOrderList")    public String queryOrderList(@PageArgument PagerBean pagerBean, HttpServletRequest request, Model model,            OrderListParamDTO orderListParam, HttpServletResponse response) {        log.info("查询订单列表  recieve parameters:" + gson.toJson(pagerBean));        // 查询订单列表        PagerBean returnBean = orderListService.queryOrderList(pagerBean);           model.addAttribute("orderListPager", returnBean);        return "orderList/orderListSec";    }

获取当前时间

function getNowFormatDate() {    var date = new Date();    var seperator1 = "-";    var seperator2 = ":";    var month = date.getMonth() + 1;    var strDate = date.getDate();    var hh=date.getHours();    var mm=date.getMinutes();    var ss=date.getSeconds();    if (month >= 1 && month <= 9) {        month = "0" + month;    }    if (strDate >= 0 && strDate <= 9) {        strDate = "0" + strDate;    }    if(hh < 10)             hh="0"+hh;          if (mm < 10)          mm="0"+mm;          if (ss < 10)         ss ="0"+ss;       var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate            + " " + hh + seperator2 + mm            + seperator2 + ss;    return currentdate;}   

定时器的使用:

<!--使用新的setInterval  实现 三次执行之后 再停止-->var timesRun = 0;            var interval = setInterval(function(){             $("#storeBill").show();                $("#storeBill").print({                           //title:"店铺xx"                });                $("#storeBill").hide();                timesRun += 1;                if(timesRun === 3){                    clearInterval(interval);                }                //do whatever here..            }, 2000);