您的位置:首页 > Web前端 > JQuery

Js JQuery用法

2017-06-23 14:58 453 查看
选择器的使用:

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);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: