用ajax实现分页 删除功能（二）

在昨天的基础上添加分页。

在function showEmps(nowPage) {}这个函数中接着写如下代码

var firstPage = document.createElement("a");
				firstPage.setAttribute("href", "#");
				firstPage.appendChild(document.createTextNode("首页"));
				firstPage.onclick = function() {
					page.nowPage = 1;
					//查询当前记录
					showEmps(page.nowPage);
				}

				var backPage = document.createElement("a");
				backPage.setAttribute("href", "#");
				backPage.appendChild(document.createTextNode("上一页"));
				backPage.onclick = function() {
					page.nowPage = page.nowPage - 1;
					if (page.nowPage <= 1) {
						page.nowPage = 1;
					}
					//查询当前记录
					showEmps(page.nowPage);

				}

				var nextPage = document.createElement("a");
				nextPage.setAttribute("href", "#");
				nextPage.appendChild(document.createTextNode("下一页"));
				nextPage.onclick = function() {
					page.nowPage = page.nowPage + 1;
					if (page.nowPage >= page.countPage) {
						page.nowPage = page.countPage;
					}
					//查询当前页记录
					showEmps(page.nowPage);
				}

				var lastPage = document.createElement("a");
				lastPage.setAttribute("href", "#");
				lastPage.appendChild(document.createTextNode("末页"));
				lastPage.onclick = function() {
					page.nowPage = page.countPage;
					//查询当前页记录
					showEmps(page.nowPage);
				}

				$("pagesNode").appendChild(firstPage);
				$("pagesNode").appendChild(backPage);
				$("pagesNode").appendChild(nextPage);
				$("pagesNode").appendChild(lastPage);
				var msgPageInfo = "当前是第" + page.nowPage + "页,总共"
						+ page.countPage + "页,总共" + page.countSize + "记录";
				$("pagesNode")
						.appendChild(document.createTextNode(msgPageInfo));
			

写完这些它的界面就会变成这样了

但是如果点击下一页的话界面就会变成这样

它是直接在这个界面上添加，那么如何结果这个bug呢？

那就需要在添加tr之前清除一下里面的内容，每一次运行都得清除一下才行

//清除
				$("showEmps").childNodes;
				while ($("showEmps").childNodes.length > 0) {
					$("showEmps").removeChild($("showEmps").childNodes[0]);
				}

				$("pagesNode").childNodes;
				while ($("pagesNode").childNodes.length > 0) {
					$("pagesNode").removeChild($("pagesNode").childNodes[0]);
				}

下面就需要进行实现全选和反选的功能了，还有批量删除功能，欲知详情，请见下次分晓。