/**
* 获取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. Redis配置文件(3)常见的配置修改

    常见的配置: redis.conf 配置项说明如下: 1. Redis默认不是以守护进程的方式运行,可以通过该配置项修改,使用yes启用守护进程   daemonize no   2. 当Redis以 ...

  2. localStorage和cookie操作

    localStorage和cookie操作代码: cookie: { isSupportCookie: function() { return navigator.cookieEnabled; }, ...

  3. oracle本地安装注意事项

    这两天组员在本地windows上安装oracle数据库,安装完各种问题,pl/sql developer以及tns_admin配置以及tnsnames.ora和sqlnet.ora listener. ...

  4. 基于多用户的Oracle数据泵导入导出数据

    登陆SqlPlus: SqlPlus sys/syspwd@MyOrcl AS sysdba 其中:syspwd:sys的登陆密码:MyOrcl:所创建的数据库服务名. 创建数据泵: create o ...

  5. 10 OCP知识点讲解 之 什么是Buffer Cache?

    OCP知识点讲解 之 什么是Buffer Cache? 分类: Oracle 2012-06-22 17:36:54   一.Buffer cache作用: Buffer cache是Oracle建立 ...

  6. 『ACM C++』 Codeforces | 1066A - Points in Segments

    大一生活真 特么 ”丰富多彩“ ,多彩到我要忙到哭泣,身为班长,很多班级的事情需要管理,也是,什么东西都得体验学一学,从学生会主席.团委团总支.社团社长都体验过一番了,现在差个班长也没试过,就来体验了 ...

  7. ABAP术语-Technical Object

    Technical Object 原文:http://www.cnblogs.com/qiangsheng/archive/2008/03/18/1111205.html Generic term f ...

  8. JavaScript的兼容小坑和调试小技巧

    JavaScript作为一种弱类型编程语言,入门简单,只要稍微注意一下IE方面的兼容性,就可以很好的使用它. 本文主要是对IE兼容的小坑和调试的小技巧进行举例分析,并给出解决方法. 1.var str ...

  9. Tornado用户指引(一)-----------异步和非阻塞I/O

    摘要:异步和非阻塞I/O实时WEB的特性是经常需要为每个用户端维持一个长时间存活但是大部分时候空闲的连接.在传统的同步式web服务器中,这主要通过为每个用户创建一个线程来实现,这样的代价是十分昂贵的. ...

  10. Linux及FL2440使用过程遇到的各种问题和小技巧

    原文链接:http://www.cnblogs.com/NickQ/p/8900474.html ## Linux及FL2440使用过程遇到的各种问题和小技巧 关于移植linux根文件系统中的问题 在 ...