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

}