/**
* 获取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/";
}

js 中常用到的封装方法的更多相关文章

  1. 图解js中常用的判断浏览器窗体、用户屏幕可视区域大小位置的方法

    有时我们需要获得浏览器窗口或屏幕的大小.窗口下拉框下拉的距离等数据,对应这些需求,js中提供了不少解决方法,只是数量稍多容易混淆它们各自的意义,下面咱们用图例来解释下12个常见对象属性的作用. 其中有 ...

  2. js中常用的对象—String的属性和方法

    今天说一下,js中常用的内置对象——String对象它有以下几个常用的属性:lengthprototype 有以下几个常用的方法:parseInt()转换为数字parseFloat()转换为数字,支持 ...

  3. js中常用的对象—Array的属性和方法

    今天说一下,js中常用的内置对象——Array对象 Array常用属性: length prototype :给系统对象添加属性和方法 Array常用方法: Array.prototype.sum = ...

  4. js中常用追加元素的几种方法

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  5. 判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解

    提醒大家,Object.prototype.toString().call(param)返回的[object class]中class首字母是大写,像JSON这种甚至都是大写,所以,大家判断的时候可以 ...

  6. 基础篇:1.JavaScript运行在html中,引用有几种方式?—— 6.js中常用的输出方式?

    书接上文,上文提到若干条JavaScript的基础性知识,大部分都是一些概念性的东西,本着认真严谨的态度,我们要认真对待,有些条目的问题是某个知识点的周边延伸,为节约篇幅,就一起整理了,如有描述不对的 ...

  7. Js中常用的字符串,数组,函数扩展

    由于最近辞职在家,自己的时间相对多一点.所以就根据prototytpeJS的API,结合自己正在看的司徒大神的<javascript框架设计>,整理了下Js中常用一些字符串,数组,函数扩展 ...

  8. JS中的两种刷新方法以及区别和适用范围

    在项目中有一个人信息修改的页面,但是修改后显示的却是修改之前的内容,分析问题后发现查询语句写在了修改语句之前,有些某些需要又必须这么写,但是修改信息后先却显示之前的信息也太不科学了. 所以我就想用js ...

  9. JS中的call()和apply()方法(转)

    转自:http://uule.iteye.com/blog/1158829 JS中的call()和apply()方法 博客分类: JS   1.方法定义 call方法: 语法:call([thisOb ...

随机推荐

  1. 【[SCOI2008]奖励关】

    又抄了一篇题解 要凉了要凉了,开学了我还什么都不会 文化课凉凉,NOIP还要面临爆零退役的历史进程 这道题挺神的,期望+状态压缩 我们设\(dp[i][S]\)表示在第\(i\)天前,捡的宝物状态为\ ...

  2. ThinkPHP中前台输出变量

    1.   foreach <foreach name="list" item="vo" > {$key}|{$vo.id}:{$vo.name} & ...

  3. PHP中将字符串转化为整数(int) intval() printf()

    int <?php $foo = "1"; // $foo 是字符串类型 $bar = (int)$foo; // $bar 是整型 ?> intval <?ph ...

  4. Jupyter Notebook 设置黑色背景主题、字体大小、代码自动补全

    1.背景主题.字体大小设置 安装Jupyter主题: pip install jupyterthemes 然后,更新Jupyter主题: pip install --upgrade jupyterth ...

  5. P1018 乘积最大(高精度加/乘)

    P1018 乘积最大 一道dp题目.比较好像的dp题目. 然而他需要高精度计算. 所以,他从我开始学oi,到现在.一直是60分的状态. 今天正打算复习模板.也就有借口解决了这道题目. #include ...

  6. 【题解】UVA10298 Power String(KMP)

    UVA10298:https://www.luogu.org/problemnew/show/UVA10298 思路 设P[x]数组为 前x个字符的最大前缀长度等于后缀字串 由P数组的定义我们可以知道 ...

  7. iOS/Swift Tips 1

    1.重写hitTest方法,干预iOS事件传递过程 如下所示,view上有一个button,button一半的frame在父类view bounds之外, 按照iOS系统默认的处理逻辑, 如果点击按钮 ...

  8. 谈个人对avascript面向对象的理解

    javascript,不但是javascript或者是别的语音,大多数都有一句经典的话:一切皆对象. 下面谈谈我个人对面向对象的理解,为什么要用面向对象来写js,这话我思考了很久,最后得出的结论就是: ...

  9. JavaScript手绘风格的图形库RoughJS使用指南

    RoughJS是一个轻量级的JavaScript图形库(压缩后约9KB),可以让你在网页上绘制素描风格.手绘样式般的图形.RoughJS定义了绘制直线,曲线,圆弧,多边形,圆和椭圆的图元,同时它还支持 ...

  10. Python学习3——变量如何存储数据

    数值类型:包括整型.浮点型 变量名字代表的是存储地址. num01 = 100 print(id(num01)) #输出变量num01存储的内存地址,输出的是十进制值 num02 = num01 pr ...