利用javascript的物件功能做ajax

最近工作的關係接觸到ajax技術
不過實際運用時才發現問題還是很多
像是寫好一個之後如果再弄第二個時
第一個會掛掉...(後來發現是因為被第二個搶走了...所以第一個只執行一半)

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

不然就是後來想到的辦法....
物件化
要用的時候就new 一個物件出來用
而光是為了做這個物件也花了我很多時間...(最後才知道...打錯字了...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 出新物件出來
再執行top_listCase("xxx","yyy.zzz","eeee","fff")
就可以弄出ajax的效果了

事後才發現到這個地方
fff這個值是我網站在用的
一般可以刪除
當然了,如果你有很多變數要傳的話可以從這邊新增值來傳

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