Go语言视频零基础入门到精通

javalearner · 发表于 2014-10-13 02:49:12

一、服务器发送的模拟数据
<%@ page contentType="text/HTML;charset=GB2312" %>
<%@ page import="java.util.*" %>
<%
String currentPage = request.getParameter("currentPage");
System.out.println("currentPage="+currentPage);
HashMap map = new HashMap();

map.put("1","<?xml version="1.0" encoding="gb2312"?><content><currentpage>1</currentpage><total>4</total>
<lists><list><title>标题1</title><abstract>摘要1</abstract></list>
<list><title>标题2</title><abstract>摘要2</abstract></list></lists></content>");  map.put("2","<?xml version="1.0" encoding="gb2312"?><content><currentpage>2</currentpage><total>4</total>
<lists><list><title>标题3</title><abstract>摘要3</abstract></list>
<list><title>标题4</title><abstract>摘要4</abstract></list></lists></content>");  map.put("3","<?xml version="1.0" encoding="gb2312"?><content><currentpage>3</currentpage><total>4</total>
<lists><list><title>标题5</title><abstract>摘要5</abstract></list>
<list><title>标题6</title><abstract>摘要6</abstract></list></lists></content>");  map.put("4","<?xml version="1.0" encoding="gb2312"?><content><currentpage>4</currentpage><total>4</total>
<lists><list><title>标题7</title><abstract>摘要7</abstract></list>
<list><title>标题8</title><abstract>摘要8</abstract></list></lists></content>");  response.setContentType("text/xml;charset=gb2312");
out.println(map.get(currentPage).toString());
%>  数据格式：
<content>
<currentpage></currentpage>
<total></total>
<lists>
   <list>
   <title></title>
   <abstract></abstract>
   </list>
</lists>
</content>  二、无刷新分页客户端代码：  <html>
<head>
<title></title>
<script language="javascript" type="text/javascript">

var xmlHttp;
function createXMLHttpRequest(){
if (window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
//查询指定页面
function queryPage(currentPage){
createXMLHttpRequest();
var url="multiPageServer.jsp?currentPage="+currentPage;
xmlHttp.open("get",url,true);
xmlHttp.onreadystatechange = callback;
xmlHttp.send(null);
}
//返回信息处理
function callback(){
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
var xmlDoc = xmlHttp.responseXML;
showList(xmlDoc);
}
}
}

复制代码

//根据返回的信息显示数据
function showList(xmlDoc){
var currentPage =xmlDoc.documentElement.childNodes[0].firstChild.nodeValue;
var total = xmlDoc.documentElement.childNodes[1].firstChild.nodeValue;
if(currentPage>1){
   document.getElementById("lastPage").innerHTML="<a href="javascript:void(0)"    onclick=queryPage("+(parseInt(currentPage)-1)+")><上一页</a>";
}else{
   document.getElementById("lastPage").innerHTML="";
}
if(currentPage!=total){
   document.getElementById("nextPage").innerHTML="<a href="javascript:void(0)"    onclick=queryPage("+(parseInt(currentPage)+1)+")>下一页></a>";
}else{
   document.getElementById("nextPage").innerHTML="";
}
   document.getElementById("currentPage").innerHTML="当前页："+currentPage;
   document.getElementById("total").innerHTML="  总页数："+total;
   var lists = xmlDoc.documentElement.childNodes[2].childNodes;
   var tb=document.getElementsByTagName("table")[0];
   while(tb.rows.length>0){
   tb.deleteRow(0);
   }
appendRow("标题","摘要");
for(i=0;i<lists.length;i++){
   var title = lists.firstChild.firstChild.nodeValue;
      var abstract = lists.firstChild.nextSibling.firstChild.nodeValue;
      appendRow(title,abstract);
   }
}

   //逐行添加标题和摘要

function appendRow(title,abstract){

   var tbody = document.getElementsByTagName("tbody")[0];

   var newTr = document.createElement("tr");

   var newCell1 = document.createElement("td");

   var newCell2 = document.createElement("td");

   newCell1.innerHTML = title;

   newCell2.innerHTML = abstract;

   newTr.appendChild(newCell1);

   newTr.appendChild(newCell2);

   tbody.appendChild(newTr);

}

复制代码
</script>
<body onload=queryPage(1)>
  <table border=1>
<tbody>
</tbody>
  </table>
  <table>
<tbody>
   <tr>
   <td id=lastPage><a href="javascript:void(0)" onclick=queryPage(1)><上一页</a></td>
      <td id=nextPage><a href="javascript:void(0)" onclick=queryPage(3)>下一页></a></td>
   </tr>
   <tr><td id=currentPage></td><td id=total></td></tr>
</tbody>
  </table>
<body>
</html>










复制代码

源码下载：http://file.javaxxz.com/2014/10/13/024912265.zip

		自动登录	找回密码
密码			立即注册

JAVA高级面试进阶视频教程	Java架构师系统进阶VIP课程	分布式高可用全栈开发微服务教程	Go语言视频零基础入门到精通	Java架构师3期(课件+源码)
Java开发全终端实战租房项目视频教程	SpringBoot2.X入门到高级使用教程	大数据培训第六期全套视频教程	深度学习（CNN RNN GAN）算法原理	Java亿级流量电商系统视频教程
互联网架构师视频教程	年薪50万Spark2.0从入门到精通	年薪50万！人工智能学习路线教程	年薪50万！大数据从入门到精通学习路线	年薪50万！机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程	深度学习数据分析基础到实战	最新黑马javaEE2.1就业课程	从 0到JVM实战高手教程	MySQL入门到精通教程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

Java亿级流量电商系统视频教程

年薪50万Spark2.0从入门到精通

年薪50万！人工智能学习路线教程

[AJAX学习]简单的无刷新分页

相关帖子