JavaScript實踐 AJAX分頁

2021-08-29 22:04:01 字數 1753 閱讀 9784

今天寫了乙個ajax分頁，把思路整理一下。

private int count = 0;// 總記錄數


private int currentpage = 0; //當前頁面


private int pagesize = 10; // 每頁記錄數


private int totalpage = 1;  //總頁總書


//從資料取出總記錄數，求出頁面總數


count = ***service.getcount(st);


if(count>0)else


totalpage = count /pagesize;


}/**根據http傳入的第幾頁，從資料庫找出記錄**?


currentpage = integer.valueof(_request.getparameter("page"));


string hql = "from rfvipvoucher rfvipvoucher where rfvipvoucher.buyer = " + person.getid();


list buyrecord = ***servicer.findbyhql(hql,currentpage,pagesize);


iterator ite = buyrecord.iterator();


stringbuffer xml = new stringbuffer("<?xml version=\"1.0\" encoding=\"gbk\" ?>");


int index = 0;


while (ite.hasnext()) 


_response.setcontenttype("text/xml;charset=gbk");


_response.setheader("pragma", "no-cache");


_response.setheader("cache-control", "no-cache");


_response.setdateheader("expires", 0);
function loadrecord(page)


function recordstatechange()	


var page = parseint(xmldoc.getelementsbytagname("page")[0].firstchild.data);	


var totalpage = parseint(xmldoc.getelementsbytagname("totalpage")[0].firstchild.data);	


var totalspan = document.getelementbyid("totalspan");


var prea = document.getelementbyid("prea");


var nexta = document.getelementbyid("nexta");


document.getelementbyid("page").value = page;


totalspan.innerhtml = "" +page+"/"+totalpage+"";


if(page<=1);	


}else;


}	if(page>=totalpage);	


}else;}	}


function createcellwithtext(text)


function createcellwithelement(text)


function clearrecordlist()	


}

javascript元件化實踐

寫元件的能力是乙個前端工程師的基本能力。使用oo模式是逐步搭建複雜元件的最佳編寫方式。下面是使用es6的class方法編寫乙個監聽input輸入框，並展示輸入內容的基本元件。會持續更新，在基類中練習新增基礎功能。複製 使用es6語法，oo模式，使用事件訂閱 監聽基類 事件訂閱 監聽基類 class ...

JavaScript實踐 AJAX封裝工具

先宣告幾個變數 var ajaxutil new object 工具物件 var xmlhttprequest xmlhttprequest物件 var satechangemethod 方法變數建立xmlhttprequest物件 執行get post的請求中傳入的方法 執行get post的請求...

在Zend Framework 中實現Ajax

開發平台 windows xp sp2 測試平台 freebsd 7.0 開發工具 netbeans 6.1 使用框架 zend framework 1.5.2 資料庫 mysql 5.0.51a 一 表 mysql select from news id title add time 22 rot...