ASP.Net中利用AJAX、JS點擊驗證碼自動更新功能aspx:
<asp:image ID="Image1" runat="server" ImageUrl="gif.aspx" >
可以改為HTML控制項:
<img id="Image1" onclick="changeVCode();" src="gif.aspx" style="cursor:hand;" alt="看不清楚,換個圖片" />
CS:
Image1.Attributes.Add("alt","看不清楚,換個圖片");
Image1.Attributes.Add("style", "cursor:hand;");
Image1.Attributes.Add("onclick", "changeVCode();");
JS:
function changeVCode()
{
var cbo = new CallBackObject(); //CallBackObject為自己寫的AJAX對象
var gifUrl = "gif.aspx"; //產生驗證碼圖片頁面
var imgid = document.getElementById("<%= this.Image1.ClientID %>");
imgid.src = "/images/loading_16.gif"; //載入時顯示的Loading圖片
document.getElementById("cCode").value=""; //清空錄入框
cbo.OnComplete = onChangeComplete;
cbo.onError = cbo_Error;
cbo.DoCallBack(gifUrl);
}
function onChangeComplete()
{
var imgid = document.getElementById("<%= this.Image1.ClientID %>");
imgid.src = "gif.aspx";
}