匿名函数,结合闭包的写法,js对象的案例

简介: /* * name :Zuoquan Tu * mail :tuzq@XXX.com.cn * date :2015/04/1 * version :1.1 * description:modified by tuzuoquan 2015/04/7 * CopyRight (C) 2015-04 */$(function() { /

/*
 * name       :Zuoquan Tu
 * mail       :tuzq@XXX.com.cn
 * date       :2015/04/1
 * version    :1.1
 * description:modified by tuzuoquan 2015/04/7
 * CopyRight (C) 2015-04
 */
$(function() {
	//扣分情况右侧表格的点击事件
	$(".wrap_r-list li").click(function(event) {
		$(this).addClass('current-q').siblings().removeClass('current-q');
		//$(".tab_content > .tab_content1").hide().eq($('.wrap_r-list li').index(this)).show();
	});
	
});

var PageHandler = (function($) {
	return {
		/**
		 * @author:Zuoquan Tu 
		 * url:这里的url请求分页用的url地址 pageNo:表示要查找第几页
		 * pageRow:表示每页有多少条记录
		 * targetEleId:目标div的id属性名,其内部填写的是要分页的可变的信息
		 * 
		 * pageNo,pageRow,url,targetEleId
		 */
		gotoPage : function(data, url, targetEleId) {
			$.ajax({
				type : 'POST',
				url : url,
				data : data,
				dataType : 'html',
				success : function(data) {
					// 删除首页中的内容,然后添加新的内容
					$("#" + targetEleId).children().remove();
					$("#" + targetEleId).html(data);
				},
				error : function() {
					alert("搜索数据时候出错!");
				}
			});
		}
	};
})(jQuery);

/* 定义匿名执行函数 */
var page2 = {
	/*
	 * pageNo:1, PageRow:12,
	 */
	data : {
		"pageNo" : 1,
		"pageRow" : 10,
		"siteCode" : siteCode,
		"taskId" : taskId
	}
};

/**
 * 当第一次进入这个页面的时候执行的方法
 */
(function(pg) {
	// alert(pg.data.siteCode);
	PageHandler.gotoPage(pg.data, // 每页显示的条数
		basePath + "/singleReject/toSiteUnreachAbleByPage", // 要查询的url
			"view-problemInfo-data" // 要改变内容的div的内容
	);
})(page2);

function loadDataSiteUnReach(){
	PageHandler.gotoPage(page2.data, // 每页显示的条数
			basePath + "/singleReject/toSiteUnreachAbleByPage", // 要查询的url
				"view-problemInfo-data" // 要改变内容的div的内容
		);
}
/**
 * 跳转页面
 * 
 * @param pageNum
 */
function gotoPage2(pageNum) {
	var pageCount = $("#view-problemInfo-data #pageCount").val();
	if (pageNum < 1) {
		page2.data.pageNo = 1;
	} else if (pageNum > pageCount) {
		page2.data.pageNo = pageCount;
	} else {
		page2.data.pageNo = pageNum;
	}
	PageHandler.gotoPage(page2.data, // 每页显示的条数
			basePath + "/singleReject/toSiteUnreachAbleByPage", // 要查询的url
				"view-problemInfo-data" // 要改变内容的div的内容
	);
}

function confirmButton2() {
	// 获得输入框中值
	var pageNumInput = $("#view-problemInfo-data #pageNumInput").val();
	if(pageNumInput == ""){
		alert("对不起,您还没有输入页码!");
		return;
	}
	gotoPage2(pageNumInput);
}

目录
相关文章
|
1月前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
1月前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
2月前
|
自然语言处理 JavaScript 前端开发
深入理解JavaScript中的闭包:原理与实战
【10月更文挑战第12天】深入理解JavaScript中的闭包:原理与实战
|
1月前
|
JavaScript 前端开发
js 闭包的优点和缺点
【10月更文挑战第27天】JavaScript闭包是一把双刃剑,在合理使用的情况下,它可以带来很多好处,如实现数据封装、记忆功能和模块化等;但如果不注意其缺点,如内存泄漏、变量共享和性能开销等问题,可能会导致代码出现难以调试的错误和性能问题。因此,在使用闭包时,需要谨慎权衡其优缺点,根据具体的应用场景合理地运用闭包。
113 58
|
25天前
|
JSON 前端开发 JavaScript
JavaScript中对象的数据拷贝
本文介绍了JavaScript中对象数据拷贝的问题及解决方案。作者首先解释了对象赋值时地址共享导致的值同步变化现象,随后提供了五种解决方法:手动复制、`Object.assign`、扩展运算符、`JSON.stringify`与`JSON.parse`组合以及自定义深拷贝函数。每种方法都有其适用场景和局限性,文章最后鼓励读者关注作者以获取更多前端知识分享。
18 1
JavaScript中对象的数据拷贝
|
1月前
|
缓存 JavaScript 前端开发
js 闭包
【10月更文挑战第27天】JavaScript闭包是一种强大的特性,它可以用于实现数据隐藏、记忆和缓存等功能,但在使用时也需要注意内存泄漏和变量共享等问题,以确保代码的质量和性能。
36 7
|
1月前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
1月前
|
自然语言处理 JavaScript 前端开发
JavaScript闭包:解锁编程潜能,释放你的创造力
【10月更文挑战第25天】本文深入探讨了JavaScript中的闭包,包括其基本概念、创建方法和实践应用。闭包允许函数访问其定义时的作用域链,常用于数据封装、函数柯里化和模块化编程。文章还提供了闭包的最佳实践,帮助读者更好地理解和使用这一强大特性。
19 2
|
24天前
|
存储 缓存 自然语言处理
掌握JavaScript闭包,提升代码质量与性能
掌握JavaScript闭包,提升代码质量与性能
|
24天前
|
自然语言处理 JavaScript 前端开发
深入理解JavaScript中的闭包(Closures)
深入理解JavaScript中的闭包(Closures)