/**
* 获取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. JS解析json数据(如何将json字符串转化为数组)

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD ...

  2. Codeforces Round #538 (Div. 2) D. Flood Fill 【区间dp || LPS (最长回文序列)】

    任意门:http://codeforces.com/contest/1114/problem/D D. Flood Fill time limit per test 2 seconds memory ...

  3. ASP.NET Web API编程——构建api帮助文档

    1 概要 创建ASP.NET Web Api 时模板自带Help Pages框架. 2 问题 1)使用VS创建Web Api项目时,模板将Help Pages框架自动集成到其中,使得Web Api项目 ...

  4. python-二维数组实现90度旋转

    本篇主要介绍了对一个N*N的数组,如果进行90度的旋转 首先,定义一个一维数组很简单,如下: a = [i for i in range(10)] print(a) -----结果----- 0, 1 ...

  5. 如何在html中插入图片

    HTML内容元素中图片元素 使用img元素:src属性:图片路径. alt属性:图片无法显示的时候使用替代文本,title属性:鼠标悬停时显示文本内容. 在同一张图片上点击不同的位置链接到不同的页面上 ...

  6. 自己封装了的AlertController

    一直觉得使用系统这个东西写起来特别麻烦,每次都要写一大推东西,还是重复的,今天抽了点时间自己重新封装了一下,解决了自己的强迫症...,不多说,直接上代码了. 1.自己定义了一个名为XBZ的UIAler ...

  7. Qt5连接Mysql环境配置

    已安装的环境:Mysql5.7 64bit ,Qt5.12 64bit. 到mysql官方下载mysql5.7 64bit的压缩包,解压,复制下图框内四个文件. 将四个文件复制到Qt安装目录下bin目 ...

  8. hdu Hat's Fibonacci(用了kuangbin模板)

    大数的位数设置很坑,设成700会越界,设成800会超空间,最后设成了750居然就过了.... #include <iostream> #include <cstdio> #in ...

  9. wireshark利用正则表达式过滤http协议中的jpg png zip等无用的数据包

    主要工具:小度随身wifi热点 + wireshark抓包工具.(强烈不建议使用360的产品,非常垃圾,而且干扰代理#墙IP,搞得你不能***) 利用wireshark这个强大的协议分析利器.去分析某 ...

  10. margin中的bug解决方法

    margin bug问题 : 当做子元素中使用margin-top: 50px;父子元素都会跑出50px, 解决方法: 在父元素中使用下面三种任意一种都可以. 方法一:给父元素加边框 border: ...