js 中常用到的封装方法
/**
* 获取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 中常用到的封装方法的更多相关文章
- 图解js中常用的判断浏览器窗体、用户屏幕可视区域大小位置的方法
有时我们需要获得浏览器窗口或屏幕的大小.窗口下拉框下拉的距离等数据,对应这些需求,js中提供了不少解决方法,只是数量稍多容易混淆它们各自的意义,下面咱们用图例来解释下12个常见对象属性的作用. 其中有 ...
- js中常用的对象—String的属性和方法
今天说一下,js中常用的内置对象——String对象它有以下几个常用的属性:lengthprototype 有以下几个常用的方法:parseInt()转换为数字parseFloat()转换为数字,支持 ...
- js中常用的对象—Array的属性和方法
今天说一下,js中常用的内置对象——Array对象 Array常用属性: length prototype :给系统对象添加属性和方法 Array常用方法: Array.prototype.sum = ...
- js中常用追加元素的几种方法
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- 判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
提醒大家,Object.prototype.toString().call(param)返回的[object class]中class首字母是大写,像JSON这种甚至都是大写,所以,大家判断的时候可以 ...
- 基础篇:1.JavaScript运行在html中,引用有几种方式?—— 6.js中常用的输出方式?
书接上文,上文提到若干条JavaScript的基础性知识,大部分都是一些概念性的东西,本着认真严谨的态度,我们要认真对待,有些条目的问题是某个知识点的周边延伸,为节约篇幅,就一起整理了,如有描述不对的 ...
- Js中常用的字符串,数组,函数扩展
由于最近辞职在家,自己的时间相对多一点.所以就根据prototytpeJS的API,结合自己正在看的司徒大神的<javascript框架设计>,整理了下Js中常用一些字符串,数组,函数扩展 ...
- JS中的两种刷新方法以及区别和适用范围
在项目中有一个人信息修改的页面,但是修改后显示的却是修改之前的内容,分析问题后发现查询语句写在了修改语句之前,有些某些需要又必须这么写,但是修改信息后先却显示之前的信息也太不科学了. 所以我就想用js ...
- JS中的call()和apply()方法(转)
转自:http://uule.iteye.com/blog/1158829 JS中的call()和apply()方法 博客分类: JS 1.方法定义 call方法: 语法:call([thisOb ...
随机推荐
- BZOJ2005:[NOI2010]能量采集(莫比乌斯反演,欧拉函数)
Description 栋栋有一块长方形的地,他在地上种了一种能量植物,这种植物可以采集太阳光的能量.在这些植物采集能量后,栋栋再使用一个能量汇集机器把这些植物采集到的能量汇集到一起. 栋栋的植物种得 ...
- PHP----练习------球队列表
题目:页面上有一个ul球队列表当鼠标移动到某个li上的时候改行背景颜色变红,当点击某个li的时候,让该li之前的所有li背景色变黄,之后的所有li背景色变蓝.自己不变色. <!DOCTYPE h ...
- PHP中的 array_filter 函数
<?php function test_odd($var) { return($var & 1); } $a1=array("a","b",2,3 ...
- Softmax回归(Softmax Regression, K分类问题)
Softmax回归:K分类问题, 2分类的logistic回归的推广.其概率表示为: 对于一般训练集: 系统参数为: Softmax回归与Logist ...
- RabbitMQ之五种消息模型
首先什么是MQ MQ全称是Message Queue,即消息对列!消息队列是典型的:生产者.消费者模型.生产者不断向消息队列中生产消息,消费者不断的从队列中获取消息.因为消息的生产和消费都是异步的,而 ...
- python中的sum函数.sum(axis=1)
看起来挺简单的样子,但是在给sum函数中加入参数.sum(a,axis=0)或者是.sum(axis=1) 就有点不解了 在我实验以后发现 我们平时用的sum应该是默认的axis=0 就是普通的相加 ...
- 跨浏览器的事件对象EventUtil
var EventUtil = function(){ /*--addHandler--*/ addHandler:function(element,type,handler){ if(element ...
- GIT 报错:Result too large 解决办法
在使用bower install命令下载前端依赖的js插件时,git出错了,报错信息如下: bower ECMDERR Failed to execute "git ls-remote -- ...
- 使用java原生API模拟请求下载文件
/** * * @param urlPath * 下载路径 * @param saveDir * 下载存放目录 * @return 返回下载文件 * @throws Exception */ publ ...
- hibernateDAO层基本的增删改查
完整的学习项目放在了我的github上,是一个半成品的在线音乐网站. hibernate版本1.4 下面是userDAO 即对user表进行增删改查 package DAO; import java. ...