日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁(yè) > 云知道 > >

怎樣用手機(jī)號(hào)查快遞信息 怎樣用手機(jī)號(hào)查快遞( 三 )

云知道

admin.js 這里說(shuō)明一下前端我引入的jQuery ， 包括新增，修改 ， 刪除，查詢(xún)的功能，查詢(xún)事件添加了對(duì)電話號(hào)碼的必填校驗(yàn) 。
var $testTable = $('#testTable');$testTable.bootstrapTable({url: 'getList',queryParams: function (params) {return {offset: params.offset,limit: params.limit,userName: $('#queryNameText').val(),phone: $('#queryPhoneText').val()}},columns: [{field: 'id',title: '編號(hào)'}, {field: 'userName',title: '收件人姓名'}, {field: 'phone',title: '收件人電話'},{field: 'company',title: '快遞公司'},{field: 'kuaidiNo',title: '快遞單號(hào)',formatter: function (value, row, index) {return ['<a onclick="kuaidiRecordInfo(' + "'" + row.kuaidiNo + "','" + row.company + "')" + '">' + row.kuaidiNo +'</a>',].join('');},}, {formatter: function (value, row, index) {return ['<a href="javascript:modifyKuaiDi(' + row.id + ",'" + row.userName + "'," + row.phone + ",'" + row.kuaidiNo + "'" + ')">' +'<i class="glyphicon glyphicon-pencil"></i>修改' +'</a>','<a href="javascript:delKuaiDi(' + row.id + ')">' +'<i class="glyphicon glyphicon-remove"></i>刪除' +'</a>'].join('');},title: '操作'}],striped: true,pagination: true,sidePagination: 'server',pageSize: 10,pageList: [5, 10, 25, 50, 100],rowStyle: function (row, index) {var ageClass = '';if (row.age < 18) {ageClass = 'text-danger';}return {classes: ageClass}},});// 設(shè)置bootbox中文bootbox.setLocale('zh_CN');var titleTip = '提示';function kuaidiRecordInfo(no, company) {$('#viewModal').modal('show');$.ajax({type:'get',url:'getKuaiDiInfoByJson?com='+ company +'&no=' + no,cache:false,dataType:'json',success:function(result){// 顯示詳細(xì)信息 發(fā)送請(qǐng)求通過(guò)單號(hào)$("#viewDataList").empty();console.log(result.data);var dataList = result.data;if(null != dataList){$("#viewDataList").append('<li class="accordion-navigation"><a href="#kuaidi'+ '">快遞單號(hào)：'+ result.nu +'</a><div id="kuaidi'+ '" class="content"></div></li>');$("#kuaidi").append('<section class="result-box"><div id="resultTop" class="flex result-top"><time class="up">時(shí)間</time><span>地點(diǎn)和跟蹤進(jìn)度</span></div><ul id="reordList'+'" class="result-list sortup"></ul></section>');for(var i=0;i<dataList.length; i++){var kuaiRecodList = dataList[i];if( i == 0){$("#reordList").append('<li class="last finish"><div class="time"> '+ kuaiRecodList.ftime + '</div><div class="dot"></div><div class="text"> '+ kuaiRecodList.context +'</div></li>');}else{$("#reordList").append('<li class=""><div class="time"> '+ kuaiRecodList.ftime + '</div><div class="dot"></div><div class="text"> '+ kuaiRecodList.context +'</div></li>');}}}}});}// 驗(yàn)證姓名和地址是否為空f(shuō)unction verifyNameAndAddress(name, address) {if (name != '' && address != '') {return true;}return false;}function nullAlert() {bootbox.alert({title: titleTip,message: '所有項(xiàng)均為必填！'});}// 點(diǎn)擊查詢(xún)按鈕$('#queryBtn').click(function () {var age = $('#queryAgeText').val();// 刷新并跳轉(zhuǎn)到第一頁(yè)$testTable.bootstrapTable('selectPage', 1);});// 點(diǎn)擊重置按鈕，清空查詢(xún)條件并跳轉(zhuǎn)回第一頁(yè)$('#resetBtn').click(function() {$('.form-group :text').val('');$testTable.bootstrapTable('selectPage', 1);});// 用于修改服務(wù)器資源function exchangeData(path, id, userName, phone, kuaiDiNo, company) {$.ajax({url: path,type: 'post',data : {id: id,userName: userName,phone: phone,kuaiDiNo: kuaiDiNo,company: company},success: function(res) {bootbox.alert({title: titleTip,message: res.message});// 在每次提交操作后返回首頁(yè)$testTable.bootstrapTable('selectPage', 1);}});}// 新增$('#addBtn').click(function() {$('#addNameText').val('');$('#addPhoneText').val('');$('#addKuaiDiNoText').val('');$('#addCompanyText').val('');$('#addModal').modal('show');});$('#saveAdd').click(function() {$('#addModal').modal('hide');bootbox.confirm({title: titleTip,message: '確認(rèn)增加？',callback: function (flag) {if (flag) {var userName = $('#addNameText').val();var phone = $('#addPhoneText').val();var kuaiDiNo = $('#addKuaiDiNoText').val();var company = $('#addCompanyText').val();if (verifyNameAndAddress(userName, kuaiDiNo)) {exchangeData('addKuaiDi', null, userName, phone, kuaiDiNo, company);} else {nullAlert();}}}});});var mid;// 修改function modifyKuaiDi(id, name, age, address) {mid = id;$('#modifyNameText').val(name);$('#modifyPhoneText').val(age);$('#modifyKuaiDiNoText').val(address); $('#modifyCompanyText').val(address);$('#modifyModal').modal('show');}$('#saveModify').click(function() {$('#modifyModal').modal('hide');bootbox.confirm({title: titleTip,message: '確認(rèn)修改？',callback: function (flag) {if (flag) {var userName = $('#modifyNameText').val();var phone = $('#modifyPhoneText').val();var kuaiDiNo = $('#modifyKuaiDiNoText').val();var company = $('#modifyCompanyText').val();if (verifyNameAndAddress(userName, phone)) {exchangeData('modifyKuaiDi', mid, userName, phone, kuaiDiNo, company);} else {nullAlert();}}}});});// 刪除function delKuaiDi(id) {bootbox.confirm({title: titleTip,message: '確認(rèn)刪除？',callback: function(flag) {if (flag) {exchangeData("delKuaiDi", id);}}});

推薦閱讀