Ajax在不同瀏覽器中的相容問題比較麻煩,我在最近的項目中遇到了這個問題。並且使用了一種奇怪 的方法解決了它,現在拿出來大家討論討論:
下面是前端代碼:
<script type="text/javascript">
var xmlHttp;
var as;
var state = 0;
function mouseover()
{
var id = "<%=cvE_Mail.ClientID%>";
getajax();
if (as == 0)
{
alert("Your WebBrowser do not support our service,Choose IE7 or FireFox and try again!");
}
else
{
//在回傳的時候邦定事件也不同
if (as == 1)
{
xmlHttp.onreadystatechange = myResponseHandler;
}
else
{
xmlHttp.onload = myResponseHandler;
xmlHttp.onerror = myResponseHandler;
}
//在這裡open的時候如果方式選為get,很奇怪firefox的處理端收不到傳過去的參數
//在這裡可以看到最後一個參數也是不同的,如果不這樣設定那麼返回的responseText 很 有可能是空的
if (as == 1)
{
xmlHttp.open("POST", "ajax.ashx", true);
}
else
{
xmlHttp.open("POST", "ajax.ashx", false);
}
xmlHttp.send(document.getElementById(id).value);
}
};
function getajax()
{
//首先是建立的時候不同
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
as = 1;
} catch (e) {
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
as = 1;
} catch (e) {
try {
xmlHttp = new XMLHttpRequest();
as = 2;
} catch (e) {
xmlHttp = null;
as = 0;
}
}
}
}
function myResponseHandler()
{
var id = "<%=Hidebutton.ClientID%>";
if (xmlHttp.readyState == 4)
{
document.getElementById(id).value=xmlHttp.responseText;
}
};
</script>