js 中常用到的封装方法
2024-08-28 10:18:14
/**
* 获取URL参数
*/
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null)
return unescape(r[2]);
return null;
} /**
* 获取应用的上下文环境
*/
function getUrl() {
var href = window.location.href;
var strContext = href.substring(0, href.indexOf("/",
(href.indexOf("//") + 2)) + 1);
return strContext;
} /**
* ajax封装 url 发送请求的地址 data 发送到服务器的数据，数组存储，如：{"date": new Date().getTime(),"state": 1} successfn 成功回调函数
* 后端异步提交方法
*/
function ajaxPost(url, data, successfn) {
data = (data == null || data == "" || typeof (data) == "undefined") ? {
"date" : new Date().getTime()
} : data;
$.ajax( {
type : "post",
data : data,
url : url,
dataType : "json",
beforeSend : function(XMLHttpRequest) {
jzts();
},
success : function(d) {
if (d.code == "40002") {
$.jBox.tip('数据解析错误!', 'error');
hangge();
return;
}
successfn(d);
},
complete : function(XMLHttpRequest, textStatus) {
hangge();
},
error : function(e) {
hangge();
}
});
}; /**
* ajax封装 url 发送请求的地址 data 发送到服务器的数据，数组存储，如：{"date": new Date().getTime(),"state": 1} successfn 成功回调函数
* 前端异步提交方法
*/
function ajaxWeb(url, data, successfn) {
data = (data == null || data == "" || typeof (data) == "undefined") ? {
"date" : new Date().getTime()
} : data;
$.ajax( {
type : "post",
data : data,
url : url,
dataType : "json",
beforeSend : function(XMLHttpRequest) {
},
success : function(d) {
if (d.code == "40002") {
$.jBox.tip('数据解析错误!', 'error');
return;
}
successfn(d);
},
complete : function(XMLHttpRequest, textStatus) {
},
error : function(e) {
}
});
}; /*
* ajax封装 url 发送请求的地址 data 发送到服务器的数据，数组存储，如：{"date": new Date().getTime(),"state": 1} successfn 成功回调函数
* ajax前端同步方法
* 没tip等方法
*/
function ajaxPostAsyncData(url, data, successfn) {
data = (data == null || data == "" || typeof (data) == "undefined") ? {
"date" : new Date().getTime()
} : data;
$.ajax( {
type : "post",
data : data,
async: false,
url : url,
dataType : "json",
beforeSend : function(XMLHttpRequest) {
},
success : function(d) {
if (d.code == "40002") {
return;
}
successfn(d);
},
complete : function(XMLHttpRequest, textStatus) {
},
error : function(e) {
}
});
}; // ------------------------分页--------------------------
/**
* 分页控件 data:数据集合 ob:放入控件ID
*/
function pageStr(data, obid) {
$("#" + obid).html("");
var pageStr = '<div class="pagination" style="float: right;padding-top: 0px;margin-top: 0px;">';
pageStr += '<ul>';
pageStr += '<li><a>共<font color="red" id="maxNum">1</font>条</a></li>';
pageStr += '<li><input type="number" value="" id="toGoPage" style="width:50px;text-align:center;float:left" placeholder="页码"></li>';
pageStr += '<li style="cursor:pointer;"><a onclick="goPage();" class="btn btn-mini btn-success">跳转</a></li>';
pageStr += '<li><a onclick="maxMinPage(1)">首页</a></li>';
pageStr += '<li><a onclick="upPage()">上页</a></li>';
pageStr += '<li style="cursor:pointer;" id="ynum"></li>';
pageStr += '<li><a onclick="nextPage()">下页</a></li>';
pageStr += '<li><a onclick="maxMinPage(2)">尾页</a></li>';
pageStr += '<li><a>第<font id="pageIndex">1</font>页</a></li>';
pageStr += '<li><a>共<font id="maxPage">1</font>页</a></li>';
pageStr += '</ul>';
pageStr += '</div>'; $("#" + obid).append(pageStr);
// --------初始化控件数据------------
var total = data["resobj"].total;// 记录总页数
var page = data["resobj"].page;// 当前页码
var records = data["resobj"].records;// 总条数
var showTag = 5;// 分页标签显示数量
var startTag = 1;// 启始页码
if (page > showTag) {
startTag = page - 1;
}
var endTag = startTag + showTag - 1;
$("#ynum").html("");
for ( var i = startTag; i <= total && i <= endTag; i++) {
if (page == i) {
$("#ynum")
.append("<a><font color='#808080'>" + i + "</font></a>\n");
} else {
$("#ynum").append("<a onclick='pageGo(" + i + ")'>" + i + "</a>\n");
}
}
$("#maxPage").html(total);
$("#pageIndex").html(page);
$("#maxNum").html(records); } function getPageStr(data,divId,loadFunction){
var item=' <div class="page-page flr">';
item+=' <ul class="pagination">';
item+=' <li class="epage"><a href="javascript:void(0);" onclick="loadUpPageData(\''+divId+'\',\''+loadFunction+'\')">上一页</a></li>';
if(data.resobj.page==1){
if(data.resobj.total-3>0){
item+=' <li class="active"><a href="javascript:void(0);">1<span class="sr-only">(current)</span></a></li>';
item+=' <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+2+')">2</a></li>';
item+=' <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+3+')" >3</a></li>';
}else{
for(var i=1;i-data.resobj.total<=0;i++){
if(i==1){
item+=' <li class="active"><a href="javascript:void(0);">1<span class="sr-only">(current)</span></a></li>';
}else{
item+=' <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+i+')">'+i+'</a></li>';
}
}
}
}else if(data.resobj.page-data.resobj.total==0){
if(data.resobj.total-1>3){
item+=' <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+(data.resobj.page-3)+')" >...</a></li>';
}
if(data.resobj.total>=3){
item+=' <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+(data.resobj.page-2)+')" >'+(data.resobj.page-2)+'</a></li>';
item+=' <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+(data.resobj.page-1)+')" >'+(data.resobj.page-1)+'</a></li>';
item+=' <li class="active"><a href="javascript:void(0);" >'+data.resobj.page+'<span class="sr-only">(current)</span></a></li>';
}else{
item+=' <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+(data.resobj.page-1)+')" >'+(data.resobj.page-1)+'</a></li>';
item+=' <li class="active"><a href="javascript:void(0);">2<span class="sr-only">(current)</span></a></li>';
} }else{
if(data.resobj.page-1>3){
item+=' <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+(data.resobj.page-3)+')" >...</a></li>';
}
item+=' <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+(data.resobj.page-1)+')" >'+(data.resobj.page-1)+'</a></li>';
item+=' <li class="active"><a href="javascript:void(0);">'+data.resobj.page+'</a></li>';
item+=' <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+(data.resobj.page+1)+')" >'+(data.resobj.page+1)+'<span class="sr-only">(current)</span></a></li>';
if(data.resobj.total-data.resobj.page>3){
item+=' <li><a href="javascript:void(0);" onclick="loadNumPageData(\''+divId+'\',\''+loadFunction+'\','+(data.resobj.page+3)+')" >...</a></li>';
}
}
item+=' <li class="epage"><a href="javascript:void(0);" onclick="loadDownPageData(\''+divId+'\',\''+loadFunction+'\')">下一页</a></li>';
item+=' <li style="display:none" name="maxPage">'+data.resobj.total+'</li>';
item+=' <li style="display:none" name="pageIndex">'+data.resobj.page+'</li>';
item+=' </ul>';
item+=' </div>';
item+=' <div class="page-num flr">共'+data.resobj.total+'页，每页'+data.resobj.currentPageSize+'条</div>';
$("#"+divId).html(item);
} /**
* @description 上一页
* @param divId
* @param loadFunction
*/
function loadUpPageData(divId,loadFunction){
var maxpage = $("#"+divId).find("[name='maxPage']").html();
var pageIndex = $("#"+divId).find("[name='pageIndex']").html();
if (pageIndex -2>=0) {
pageIndex--;
$("#"+divId).find("[name='pageIndex']").html(pageIndex);
loadData();
}
} /**
* @description 下一页
* @param divId
* @param loadFunction
*/
function loadDownPageData(divId,loadFunction){
var maxpage = $("#"+divId).find("[name='maxPage']").html();
var pageIndex = $("#"+divId).find("[name='pageIndex']").html();
if (pageIndex - maxpage<) {
pageIndex++;
$("#"+divId).find("[name='pageIndex']").html(pageIndex);
loadData();
}
} function loadNumPageData(divId,loadFunction,num){
var maxpage = $("#"+divId).find("[name='maxPage']").html();
var pageIndex = $("#"+divId).find("[name='pageIndex']").html();
if (num-1>=0 && num-maxpage<=0 ) {
$("#"+divId).find("[name='pageIndex']").html(num);
loadData();
}
} /**
* 跳转到几页
*/
function goPage() {
var page = $("#toGoPage").val();
var maxpage = $("#maxPage").html();
page=parseInt(page);
maxpage=parseInt(maxpage);
if (page != "" && page > 0 && page != pageIndex && page <= maxpage) {
$("#pageIndex").html(page);
loadData();
}
}
/**
* 跳转到几页
*/
function pageGo(page) {
$("#pageIndex").html(page);
loadData();
}
/**
* 下一页码
*/
function nextPage() {
var maxpage = $("#maxPage").html();
var pageIndex = $("#pageIndex").html();
maxpage=parseInt(maxpage);
pageIndex=parseInt(pageIndex);
if (pageIndex < maxpage) {
pageIndex++;
$("#pageIndex").html(pageIndex);
loadData();
}
}
/**
* 上一页码
*/
function upPage() {
var maxpage = $("#maxPage").html();
var pageIndex = $("#pageIndex").html();
if (pageIndex > 1) {
pageIndex--;
$("#pageIndex").html(pageIndex);
loadData();
}
}
/**
* 首页或尾页
*/
function maxMinPage(num) {
if (num == 1) {
// 首页
$("#pageIndex").html("1");
loadData();
} else {
// 尾页
$("#pageIndex").html($("#maxPage").html());
loadData();
}
}
//------------------------分页-------------------------- /**
* 给页面显示内容赋值
*
* @param json
* @return
*/
function setShowData(res) {
for ( var key in res) {
var name = key;
if (res[key] != null && res[key] != "") {
$('#' + name).html(res[key]);
}
}
} /**
* 给页面input内容赋值
*
* @param json
* @return
*/
function setInputData(res) {
for ( var key in res) {
var name = key;
// alert("1=="+name+"&"+res[key]);
var value = res[key];
$('#' + name).val(value);
}
} /**
* 给页面的tree赋值
*
* @param json
* @return
*/
function setTreeValue(treeName,treeValue){
$('#' + treeName+"_tree").attr("value",treeValue);
} /**
* 给页面img图片赋值
*
* @param key为要展示的span标签id
* @return
*/
function setImgData(key,value) {
var item = '<img style="margin:5px 0px 0px 180px" width="200px" src="' + value + '" />';
$("#"+key).html(item);// 赋值img数据
} /**
* 返回上一页
*
* @return
*/
function backPage(){
history.go(-1);
} /**
* 弹出层不传c_type 跳转传c_type
*/
function goBack(){
if(getQueryString("c_type")){
setTimeout('backPage();',500);
}else{
//列表刷新
queryData();
//关闭弹出窗口
$("#endBut").click();
}
} //刷新列表样式
function refreshListStyle(){
$("#mytable").find("tr:even").addClass("oushu");
$("#mytable").find("tr:odd").addClass("jishu");
$("#mytable").find("tr:odd td:first-child").addClass("jishu");
} // 给第一列高度
function firstTrHeight() {
for(var i = $(".mytable tr").length - 1; i >= 0; i--) {
var trht = $(".mytable tr")[i].offsetHeight
var domtr = $(".mytable tr")[i];
// 有30px的边距
$(domtr).children('td').height(trht - 30);
$(domtr).children('.firsttd').css('line-height', trht - 30 + 'px');
};
} //清除加载进度
function hangge(){
$("#jzts").hide();
} //显示加载进度
function jzts(){
$("#jzts").show();
}
//获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp
function curWwwPath(){
var curWwwPath=window.document.location.href;
return curWwwPath;
} //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp
function pathName(){
//获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp
var curWwwPath=window.document.location.href;
//获取主机地址之后的目录，如： uimcardprj/share/meun.jsp
var pathName=window.document.location.pathname;
return pathName;
} //获取主机地址，如： http://localhost:8083
function localhostPath(){
//获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp
var curWwwPath=window.document.location.href;
//获取主机地址之后的目录，如： uimcardprj/share/meun.jsp
var pathName=window.document.location.pathname;
var pos=curWwwPath.indexOf(pathName);
//获取主机地址，如： http://localhost:8083
var localhostPaht=curWwwPath.substring(0,pos);
return localhostPaht;
} //获取带"/"的项目名，如：/uimcardprj
function getRootPath(){
//获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp
var curWwwPath=window.document.location.href;
//获取主机地址之后的目录，如： uimcardprj/share/meun.jsp
var pathName=window.document.location.pathname;
var pos=curWwwPath.indexOf(pathName);
//获取主机地址，如： http://localhost:8083
var localhostPaht=curWwwPath.substring(0,pos);
//获取带"/"的项目名，如：/uimcardprj
var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
return(localhostPaht+projectName);
} var domainName="http://www.zhubang99.cn/"; function getDomainName(){
return "http://www.zhubang99.cn/";
}
最新文章
- list<T> 的使用方法。
- centos搭建属于自己wordpress网站
- 处理session跨域几种的方案
- C#获取一个目录下的所有文件名
- node与Elment以及子节点childrenNode与children的区别(2)
- VS调试技巧
- 实践中的Git常用指令分析
- iOS 各尺寸iPhone分辨率
- mysql使用索引扫描来做排序
- CF 55D - Beautiful numbers（数位DP）
- HDU-4614 Vases and Flowers 线段树区间更新
- 将Excel数据导入MySql
- eclise -The method onClick(View) of type new View.OnClickListener(){} must override a superclass method
- 如何正确的在java web配置数据池
- 在C#环境中动态调用IronPython脚本（二）
- linux_无密登录
- angular登录状态检查
- Go 语言编写单元测试
- 时区切换导致quartz定时任务没有触发问题
- 【CentOS&Core】CentOS7下安装.NET Core SDK 2.1