기능:데이터베이스 내용 을 읽 는 표 입 니 다.데 이 터 를 읽 는 방식 은 ajax 입 니 다.페이지 도 마찬가지 입 니 다.코드 를 잘 쓰 지 못 했 습 니 다.하하.ajax 를 배 우 는 친구 들 이 참고 할 수 있 도록 제공 합 니 다.잘못 되면 바로 잡 아 주세요.여러분 의 제안 에 따라 코드 를 계속 수정 하 겠 습 니 다.아직 작은 문제 가 있 습 니 다.친구 가 관심 이 있 으 면 해결 해 주세요.마지막 페이지 까지 넘 겨 주 셔 서 감사합니다. 대문자 d 는 사실 asp 파일 에서 출력 한 문자 에 따라 제어 할 수 있 는 곳 이 많 습 니 다.아직 그 부분 이 완벽 하지 않 습 니 다.예 를 들 어 한 열 에 몇 줄 을 표시 하 는 지 등 입 니 다.Asp 페이지 의 코드:파일 이름:demo.asp
' Sub ajax loading
<%
Sub TimeDelaySeconds(DelaySeconds)
SecCount = 0
Sec2 = 0
While SecCount < DelaySeconds + 1
Sec1 = Second(Time())
If Sec1 <> Sec2 Then
Sec2 = Second(Time())
SecCount = SecCount + 1
End If
Wend
End Sub
TimeDelaySeconds(0)
%>
<%
Response.Expires = -9999
Response.AddHeader "Pragma","no-cache"
Response.AddHeader "cache-ctrol","no-cache"
Response.Charset = "GB2312"
Set conn = Server.CreateObject("ADODB.Connection")
connstr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath("Database.mdb")
conn.Open connstr
%>
<%
set rs = server.createobject("adodb.recordset")
Sqlstr = "select * from UserData order by id"
rs.open Sqlstr,conn,1,1
rs.PageSize = 3
AllPage = rs.PageCount
Page = request.QueryString ("page")
'***********************
if cint(page) =< 1 then
Page = 1
elseif cint(page) >= rs.PageCount then
Page = rs.PageCount
else
intpage = cint(page)
end if
'***************************
rs.AbsolutePage=page
Response.write AllPage&","&rs.AbsolutePage&","
for i = 1 to rs.PageSize
if rs.EOF or rs.BOF then exit for
Response.write rs(0)&","&rs(1)&","&rs(2)&","&rs(3)&","
rs.movenext
next
rs.close
Set rs = nothing
%>
ajax 가 처리 하 는 페이지 코드 파일 이름:Ajax.js
var request = false;
//------------------ ----------------------------------------------------------------
try { // XMLHttpRequest
request = new XMLHttpRequest(); //--- IE !
} //-
catch (trymicrosoft) { // catch (trymicrosoft)
try { // IE (Msxml2.XMLHTTP)
request = new ActiveXObject("Msxml2.XMLHTTP"); //--- IE
} //-
catch (othermicrosoft) { // catch (othermicrosoft)
try { // IE (Microsoft.XMLHTTP)
request = new ActiveXObject("Microsoft.XMLHTTP"); //--- IE
} //-
catch (failed) { // catch (failed)
request = false; //request = false
alert("Object Error!");
}
}
}
defaultPages();
//-------------------------------------------------------------------------------------------------------------*/
//********** ***********************************************************
function defaultPages() {
var url = "Demo.asp";
request.open("GET", url, true); //open (" ",url, )
request.onreadystatechange = updatePage; //
request.send(null); // .
}
function selectPages(Method,Pages) {
//
for(i=0;i<3;i++)
document.getElementById("MyTable").deleteRow();
//----------------
if (Method == "Previous"){
var PageTemp = document.getElementById("PageNow").value;
var PageNow = parseInt(PageTemp)-1;
//alert (PageNow);//debug
var url = "Demo.asp?Page="+PageNow;
request.open("GET", url, true);
request.onreadystatechange = updatePage;
request.send(null);
}
else if (Method == "Next"){
var PageTemp = document.getElementById("PageNow").value;
var PageNow = parseInt(PageTemp)+1;
//alert (PageNow);//debug
var url = "Demo.asp?Page="+PageNow;
request.open("GET", url, true);
request.onreadystatechange = updatePage;
request.send(null);
}
}
//*********** .**********************************************************************************
function updatePage() {
if (request.readyState <= 3){ // 3----loading.
document.getElementById("Status").innerHTML = "Loading...";
document.getElementById("Pages").innerHTML = "Previous│Next";
}
if (request.readyState == 4){ // 4---- .
if (request.status == 200) { // http 200-- .
requestAllright();
}else{ // http 404--http .
document.getElementById("Status").innerHTML = "Error:" + request.status;
document.getElementById("Pages").innerHTML = "Previous│Next";
}
}
}
//*********** - .**********************************************************************************
function requestAllright() {
var getStr = request.responseText;
var getValue = getStr.split(",");
var PageCount = getValue[0];
var PageNow = getValue[1];
var Contact = [
[getValue[2],getValue[3],getValue[4],getValue[5]],
[getValue[6],getValue[7],getValue[8],getValue[9]],
[getValue[10],getValue[11],getValue[12],getValue[13]]
];
for (var List=0;List<Contact.length;List++){
var MyTr = MyTable.insertRow(); // Tr
for (var Cell=0;Cell<Contact[List].length;Cell++){ //Td
var MyTd = MyTr.insertCell(); // Td
MyTd.innerHTML = Contact[List][Cell]; // Td
if (Cell == 0) // Td
MyTd.id = "Number"; // ID Number
}
}
// , ******************************************************************************************
if (PageNow == PageCount){
document.getElementById("Pages").innerHTML = "<a href=javascript:selectPages('Previous','0'); target=_self class=pagesTag>Previous</a>│Next"
}
else if (PageNow == 1){
document.getElementById("Pages").innerHTML = "Previous│<a href=javascript:selectPages('Next','0'); target=_self class=pagesTag>Next</a>"
}
else if (PageNow != 1 || PageNow != PageCount){
document.getElementById("Pages").innerHTML = "<a href=javascript:selectPages('Previous','0'); target=_self class=pagesTag>Previous</a>│<a href=javascript:selectPages('Next','0'); target=_self class=pagesTag>Next</a>"
}
// , ******************************************************************************************
document.getElementById("PageCount").value = PageCount;
document.getElementById("PageNow").value = PageNow;
document.getElementById("Status").innerHTML = "Done with!";
//alert(PageCount);//debug
//alert(PageNow);//debug
}
1
2 다음 페이지 전문 을 읽다