匿名函数,结合闭包的写法,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);
}

目录
相关文章
|
15天前
|
JavaScript
JS 获取对象数据类型的键值对的键与值
JS 获取对象数据类型的键值对的键与值
|
22天前
|
JavaScript
闭包(js的问题)
闭包(js的问题)
12 0
|
24天前
|
JavaScript 前端开发
Math对象:JavaScript中的数学工具
Math对象:JavaScript中的数学工具
27 1
N..
|
1月前
|
存储 JavaScript 前端开发
JavaScript中的对象
JavaScript中的对象
N..
10 0
|
1月前
|
设计模式 JavaScript 前端开发
js开发:请解释闭包(closure)是什么,以及它的用途。
闭包是JavaScript中的关键特性,允许函数访问并操作外部作用域的变量,常用于实现私有变量、模块化和高阶函数。私有变量示例展示了如何创建无法外部访问的计数器;模块化示例演示了封装私有变量和函数,防止全局污染;高阶函数示例则说明了如何使用闭包创建能接收或返回函数的函数。
15 2
|
18天前
|
JavaScript 算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
|
1天前
|
测试技术
js_防抖与节流(闭包的使用)
js_防抖与节流(闭包的使用)
7 0
|
2天前
android-agent-web中js-bridge案例
android-agent-web中js-bridge案例
9 2
|
2天前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
16 3
|
4天前
|
JavaScript 前端开发 开发者
JavaScript中的错误处理:try-catch语句与错误对象
【4月更文挑战第22天】JavaScript中的错误处理通过try-catch语句和错误对象实现。try块包含可能抛出异常的代码,catch块捕获并处理错误,finally块则无论是否出错都会执行。错误对象提供关于错误的详细信息,如类型、消息和堆栈。常见的错误类型包括RangeError、ReferenceError等。最佳实践包括及时捕获错误、提供有用信息、不忽略错误、利用堆栈信息和避免在finally块中抛错。