經過上一次的AJAX嘗試,我想把AJAX實際應用於密碼的修改介面,它要先輸入工號,我就希望它跳出對應的姓名。
但問題隨之而來,上一次,我是使用單獨建立一個ASP檔案,但這一次我不希望檔案太多,少一些檔案,這樣看得更清爽一些。所以想把查詢姓名的代碼也放在更改密碼的介面中。這裡我遇到了兩個問題:如何改為POST方式,因為POST方式可以讓我不必寫那麼多參數;如何讓ASPX只傳回指定內容,而不是把<html><head>...全部傳回來。
第一個問題,網路上有現成代碼,原來代碼如下:
function TxtS61BH_keydown()
{
var xhttp = new ActiveXObject("Microsoft.XMLHTTP");
xhttp.open("GET", "password.aspx?S61BH="+document.all["TxtS61BH"].value, false);
xhttp.send();
eval(xhttp.responseText);
}
現只要改為如下即可:
function TxtS61BH_keydown()
{
var para="S61BH="+document.all["TxtS61BH"].value;
var xhttp = new ActiveXObject("Microsoft.XMLHTTP");
xhttp.open("POST", "password.aspx", false);
xhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
xhttp.send(para);
eval(xhttp.responseText);
}
主要就是,增加一個變數para,然後send時,括弧內加上para。現在看來,POST方式也是要寫參數,沒有實現我之前想象的內容。
我測試時發現即使xhttp.setRequestHeader不寫,也可以實現POST的方式。
第二個問題,網路上說得比較少,大部分都是說“建立一個空白的頁面……”這種方法,但有發現使用Response.End即可。而我試一下沒有效果。折騰了半天,發現我在試上一部時,把xhttp.setRequestHeader注釋了,如果有寫上這句話,Response.End就OK了。氣!
所以,要讓ASPX回傳一些內容,可以使用Response.End來截止“<HTML><HEAD>...”這些內容的回傳。
另外,我再試GET的方式,也是需要xhttp.setRequestHeader的,否則也是傳回“<HTML><HEAD>...”。