最近工作的關(guān)係接觸到ajax技術(shù)
不過實(shí)際運(yùn)用時(shí)才發(fā)現(xiàn)問題還是很多
像是寫好一個(gè)之後如果再弄第二個(gè)時(shí)
第一個(gè)會(huì)掛掉...(後來發(fā)現(xiàn)是因?yàn)楸坏诙€(gè)搶走了...所以第一個(gè)只執(zhí)行一半)

接下為了解決這個(gè)問
試了很久
總是無法共用
最後得到的結(jié)論是....要就每一個(gè)功能區(qū)就寫一個(gè)程式碼
但是會(huì)造成有一堆javascript的程式
且都是相同的東西

不然就是後來想到的辦法....
物件化
要用的時(shí)候就new 一個(gè)物件出來用
而光是為了做這個(gè)物件也花了我很多時(shí)間...(最後才知道...打錯(cuò)字了...orz)
最後完成的程式如下:

<script language="javascript">
function ajax(){
var xmlHttp;
var divid;

var createXMLHttp = function(){
if (window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}else if (window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}

var createQueryString = function(num,cnum){
return "num=" + num + "&cnum=" + cnum;
}

this.top_listCase = function(num,url,divName,cnum){
createXMLHttp();
divid = divName;
xmlHttp.onreadystatechange = function(){
if (xmlHttp.readyState == 1){
document.getElementById(divid).innerHTML = "讀取資料中...";
}
else if (xmlHttp.readyState == 2){
document.getElementById(divid).innerHTML = "資料下載完成,處理中...";
}
else if (xmlHttp.readyState == 3){
document.getElementById(divid).innerHTML = "資訊交換中...";
}
else if (xmlHttp.readyState == 4){
if (xmlHttp.status == 200){
document.getElementById(divid).innerHTML = xmlHttp.responseText;
}
}
};
xmlHttp.open("POST", url);
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlHttp.send(createQueryString(num,cnum));
};
}
</script>

之後只要new 出新物件出來
再執(zhí)行top_listCase("xxx","yyy.zzz","eeee","fff")
就可以弄出ajax的效果了

事後才發(fā)現(xiàn)到這個(gè)地方
fff這個(gè)值是我網(wǎng)站在用的
一般可以刪除
當(dāng)然了,如果你有很多變數(shù)要傳的話可以從這邊新增值來傳

剛好也可以用這邊的空間來存放一下我的程式碼....