這是繼 "利用XMLHTTP無(wú)刷新獲取數(shù)據(jù)" 的另一篇關(guān)于XMLHTTP的應(yīng)用.
關(guān)于XMLHTTP.可以說(shuō),是一個(gè)很好的接合劑.把客戶端和服務(wù)端的距離拉近了.
利用XMLHTTP.我們可以實(shí)現(xiàn)很多好的想法.
這文章.實(shí)現(xiàn)了二級(jí)連動(dòng)Select.
傳統(tǒng)二級(jí)連動(dòng)是把所有的數(shù)據(jù)都傳到有客戶端..
利用XMLHTTP.我們可以實(shí)時(shí)地返回我們所需要的數(shù)據(jù).
select.htm
代碼如下:
<script language="Javascript">
function GetResult(str)
{
/*
*--------------- GetResult(str) -----------------
* GetResult(str)
* 功能:通過(guò)XMLHTTP發(fā)送請(qǐng)求,返回結(jié)果.
* 參數(shù):str,字符串,發(fā)送條件.
* 實(shí)例:GetResult(document.all.userid.value);
* author:wanghr100(灰豆寶寶.net)
* update:2004-5-27 19:02
*--------------- GetResult(str) -----------------
*/
var oBao = new ActiveXObject("Microsoft.XMLHTTP");
oBao.open("POST","Server.asp?sel="+str,false);
oBao.send();
//服務(wù)器端處理返回的是經(jīng)過(guò)escape編碼的字符串.
//通過(guò)XMLHTTP返回?cái)?shù)據(jù),開(kāi)始構(gòu)建Select.
BuildSel(unescape(oBao.responseText),document.all.sel2)
}
function BuildSel(str,sel)
{
/*
*--------------- BuildSel(str,sel) -----------------
* BuildSel(str,sel)
* 功能:通過(guò)str構(gòu)建Select.
* 參數(shù):str,字符串,由服務(wù)端返回的.有特定結(jié)構(gòu)"字符串1,字符串2,字符串3"
* 參數(shù):sel,要構(gòu)建的Select
* 實(shí)例:BuildSel(unescape(oBao.responseText),document.all.sel2)
* author:wanghr100(灰豆寶寶.net)
* update:2004-5-27 19:02
*--------------- BuildSel(str,sel) -----------------
*/
//先清空原來(lái)的數(shù)據(jù).
sel.options.length=0;
var arrstr = new Array();
arrstr = str.split(",");
//開(kāi)始構(gòu)建新的Select.
for(var i=0;i<arrstr.length;i++)
{
sel.options[sel.options.length]=new Option(arrstr,arrstr)
}
}
</script>
<select name="sel" onChange="GetResult(this.value)">
