Ajax+Asp 소스 코드]데이터베이스 내용 을 읽 는 표(프레임 없 음)1/2 페이지

기능:데이터베이스 내용 을 읽 는 표 입 니 다.데 이 터 를 읽 는 방식 은 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 다음 페이지 전문 을 읽다

좋은 웹페이지 즐겨찾기