Js JQuery用法
2017-06-23 14:58
453 查看
选择器的使用:
js
手机号码校验:
局部刷新 分页信息:
server端
获取当前时间
定时器的使用:
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) a6b8 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);
相关文章推荐
- jquery.autocomplete.js用法(转载)
- (ckeditor+ckfinder用法)Jquery,js获取ckeditor值
- jquery validate.js表单验证的基本用法入门
- jquery.cookie.js 用法
- jquery.validate.js的基本用法
- jquery.cookie.js 用法
- jquery插件 jquery-plugin-cookie.js用法
- jquery.validate.js的基本用法入门
- 【JS--Jquery】--append() 和appendTo()用法
- (ckeditor+ckfinder用法)Jquery,js获取ckeditor值 .
- [转载]jquery.validate.js的基本用法入门
- [转载] jQuery.Validate.js的基本用法入门
- jquery.validate.js的基本用法入门
- jquery.validate.js的remote用法
- jquery.cookie.js调用 用法
- JS无JQUERY的经典用法
- jquery.validate.js的基本用法入门【转载】
- 整理js和jquery相关用法(待续)
- js、jquery中select的用法
- jquery.cookie.js的用法