在Firefox中通過(guò)AJAX跨域訪問(wèn)Web資源
當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
一、解決在firefox中無(wú)法跨域訪問(wèn)的問(wèn)題 AJAX從本質(zhì)上講就是命名用XMLHttpRequest組件來(lái)向服務(wù)端發(fā)送HTTP請(qǐng)求，請(qǐng)接收相應(yīng)信息。至于成功接收到響應(yīng)信息后的操作，就和普通的Web客戶端程序類似了（一般用DOM將信息加到HTML組件中）。但問(wèn)題就發(fā)生在了XMLHttpRequest組件上。雖然在大多數(shù)瀏覽器中（包括IE、Firefox等）都叫這個(gè)名子。使用方法也類似。但在進(jìn)行某些操作時(shí)卻有不同的效果。 就拿跨域訪問(wèn)的問(wèn)題來(lái)說(shuō)。讓我們先看看如下的html中的javascript代碼： test.html <html> <head> <title>title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript"> // 獲得IE和firefox瀏覽器中的XMLHttpRequest對(duì)象 function getXMLHTTPRequest() { var myRequest = null; if(window.XMLHttpRequest) // firefox { myRequest = new XMLHttpRequest(); } else if(typeof ActiveXObject != "#ff0000") // IE { myRequest = new ActiveXObject("Microsoft.XMLHTTP"); } return myRequest; } var myRequest; function onReadyState() // XMLHttpRequest處理異步訪問(wèn)狀態(tài)時(shí)的事件 { if(myRequest.readyState == 4) // 4表示成功獲得相應(yīng)信息 { var msg = document.getElementById("msg"); msg.value = myRequest.responseText } } function getServiceText() { myRequest = getXMLHTTPRequest(); if(myRequest) { myRequest.onreadystatechange = onReadyState; try { myRequest.open( "post", "http://www.blogjava.net", true); } catch(exception) { var msg = document.getElementById("msg"); msg.value = exception; } myRequest.send("test"); } } script> head> <body> <input id="msg" type="text" /> <input type="button" value="信息" onclick="getServiceText()" /> body> html> 如果在IE中訪問(wèn)上面的html文件，url如下： http://localhost:8080/test.html 會(huì)彈出一個(gè)對(duì)話框，大概意思是說(shuō)您已經(jīng)跨域訪問(wèn)了，可能存在風(fēng)險(xiǎn)，是否繼續(xù)。如果繼續(xù)執(zhí)行的話，仍然可以訪問(wèn)http://www.blogjava.net。但是在firefox中卻更本無(wú)法訪問(wèn)其它域的url，并且會(huì)拋出“調(diào)用方法 XMLHttpRequest.open 時(shí)權(quán)限不足”異常。解決的方法一般有兩種，一種是修改firefox的設(shè)置，在firefox的地址欄中輸入“about:config”，并找到signed.applets.codebase_principal_support，將其設(shè)為true。如圖1所示。 圖1 但這種方法經(jīng)過(guò)實(shí)現(xiàn)，仍然無(wú)法訪問(wèn)其他域的url，不知是不是新版的firefox把這個(gè)給屏蔽了。就算這種方法可行，也盡量不使用這種需要配置firefox的方法，而要使用編程的方法，在訪問(wèn)其它域之前，可以使用如下代碼打開(kāi)權(quán)限： try { netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead"); } catch (exception) { alert(exception); } 要注意的是，上面的代碼只能用在firefox中，因此，要將其放到只有firefox才能執(zhí)行到的代碼塊中，如在下面的塊中： if(window.XMLHttpRequest) // firefox { try { netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead"); } catch (exception) { alert(exception); } }
不能將上面的代碼放到getXMLHTTPRequest中，應(yīng)放到getServiceText中。 注：如果test.html在通過(guò)web服務(wù)器訪問(wèn)，而是按著訪問(wèn)本地文件時(shí)訪問(wèn)test.html時(shí)，在IE中不會(huì)出現(xiàn)上述的提示對(duì)話框，而是直接就可以訪問(wèn)其他的域。 二、其他的跨瀏覽器問(wèn)題
不同瀏覽器的XMLHttpRequest雖然接口一樣，但在不同瀏覽器中調(diào)用XMLHttpRequest的方法和屬性的效果不同。如send方法，在IE中可以不傳參數(shù)，如myRequest.send();仍然可以正常工作，而在firefox中，必須為send方法傳一個(gè)參數(shù)，也就是說(shuō)，在firefox中send方法參數(shù)沒(méi)有默認(rèn)值，必須為其賦值。為了通用起見(jiàn)，建議所有的send方法都為其賦一個(gè)參數(shù)值，哪怕是空串。 除了send方法，responseText屬性也是一樣，在IE中，responseText返回了整個(gè)web資源的內(nèi)容，而在firefox中只返回web資源的第一行。 該文章在 2013/7/11 22:26:39 編輯過(guò) |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... 
|
400 186 1886
