ajax.js

ajax动态分页

/***
*  http://yuetong.javaeye.com
*  作者mail: [e-mail]
*  本程序可以免费复制，修改使用，但请保留作者信息，谢谢。
*/
  
var xmlHttp;
      
function createXmlHttpRequest(){
    if (window.ActiveXObject){
        xmlHttp = new ActiveXObject("microsoft.XMLHTTP");		
    }else if (window.XMLHttpRequest){
        xmlHttp = new XMLHttpRequest();
    }	
}	


function loadAllNotice(page){                             // 加载第page页的数据
    //  alert("从服务器端获取所有记录!");
    createXmlHttpRequest();
    var URL =  createQueryURL(page,"select");   
    xmlHttp.onreadystatechange=handleSelectAllStateChange;  
    xmlHttp.open("get",URL,true);
    xmlHttp.send(null); 	      	  
}	

      
function createQueryURL(page,action){
    var str = "http://127.0.0.1:8080/ajaxdemo/Ajax.jsp?page="+page+"&action="+action; 
    return str;          	
}	


function handleSelectAllStateChange(){
    if(xmlHttp.readyState == 4) {
        if(xmlHttp.status == 200) {
            updateNoticeListAfterSelectAll();
        }else {
            alert("Error while selecting all notice.");
        }
    }	      	
}	
  
  
function updateNoticeListAfterSelectAll(){            //更新公告列表
	
    var responseXML = xmlHttp.responseXML;
    var ids=responseXML.getElementsByTagName("id");	
    var contents=responseXML.getElementsByTagName("content");	
    var createdates=responseXML.getElementsByTagName("createdate");	
    var len = ids.length;
        var tab = document.getElementById("noticeList");   	
    
    while(tab.childNodes.length > 1) {
    	 //alert(tab.childNodes.length);
        tab.removeChild(tab.childNodes[1]);
    }	
    
    var row, cell, txtNode;
    for (var i = 0; i < len; i++) {
        var nextContent = contents[i].firstChild.data;
        var nextCreatedate = createdates[i].firstChild.data;	
      	var nextId=ids[i].firstChild.data;
      	row = document.createElement("tr");
      	//row.setAttribute("id",nextId);
        row.appendChild(createCellWithText(nextContent));
        row.appendChild(createCellWithText(nextCreatedate));
        row.appendChild(createCellWithText(nextId));
        tab.appendChild(row);
        
    }	
    
    var page = parseInt(responseXML.getElementsByTagName("page")[0].firstChild.data);	
    var totalPage = parseInt(responseXML.getElementsByTagName("totalPage")[0].firstChild.data);	
  
    
    var totalButton = document.getElementById("totalButton");
    var preButton = document.getElementById("preButton");
   var nextButton = document.getElementById("nextButton");
   document.getElementById("page").value = page;
    
    totalButton.value =page+"/"+totalPage;
      
    
    
    if (page<=1){
    	  
        preButton.onclick=function(){alert(" pre is disabled!");return;};	
   
        
   }	else{
    	 
    	 preButton.onclick=function (){
    	 	   var p=parseInt(document.getElementById("page").value)-1;
    	 	   loadAllNotice(p);
    	 }
    }	
    
    if (page>=totalPage){
        nextButton.onclick=function(){alert("next is disabled!");return;};	
    	
    }	else{
    	 
    	 nextButton.onclick=function (){
    	 
    	 	   var p=parseInt(document.getElementById("page").value)+1;
    	 	   
    	 	   loadAllNotice(p);
    	 	}
    }	
    
    
}



function createCellWithText(text){              //创建一个TD元素，内含文本
    var cell= document.createElement("td");
    cell.appendChild(document.createTextNode(text));
    return cell;
}
           
           
           
function   clearNoticeList(){
    var tab = document.getElementById("noticeList");   	
    
    while(tab.childNodes.length > 1) {
    	 alert(tab.childNodes.length);
        tab.removeChild(tab.childNodes[1]);
    }	
	
}