1. Ajax調用被殺毒軟體/防火牆阻擋
記得05年做項目遇到過這種情況,發現用戶端關掉kv300和瑞星的網頁監控選項能夠解決問題,因為是集團和供應商之間的系統,沒有深究原因,而是要求使用者關閉殺毒軟體的網頁監控選項
不久前的項目又遇到這個情況,卡巴會攔截ajax調用請求。將http header的connection設定為close可以解決問題:xmlHttp.setRequestHeader('Connection', 'close');。
兩次發生這種情況時都不是使用第三方js庫,而是直接用xmlhttp實現。使用jQuery和Prototype的時候好像沒有遇到過,查了一下jQuery裡面的ajax沒有對Connection進行設定,而Prototype則給出了一段,說針對老闆本Mozilla的一個bug而將Connection設為close。http1.1的Connection預設為persistent connection,既然jQuery和Prototype不會出問題,則說明卡巴的攔截規則為:connection要麼為close;如果使用persistent connection,則其它某些header必須符合要求,否則一律攔截。
2. IE Operation aborted
參考Dealing with IE Operation Aborted<html>
<head>
<script type="text/javascript">
function appendToBody() {
var div = document.createElement('div');
div.innerHTML = "Operation aborted!";
document.body.appendChild(div);
}
</script>
</head>
<body>
<form>
<script type="text/javascript">
appendToBody();
</script>
</form>
</body>
</html>
IE開啟這個文檔就會出現"Operation aborted"錯誤資訊,解決方案1.為script標籤加上defer屬性,2.讓script標籤屬於body的直接子節點。defer屬性只針對IE有效,並且導致在IE中script的執行被延遲,而其它瀏覽器下則不會,因此需要注意多瀏覽器下的副作用
3. jQuery的selector,文檔中有可能同一id出現多個地方時,一定要指定context,即$(selector, context)
因為很多地方都需要快顯視窗選擇使用者、選擇組織圖等類似功能,沒有使用window.open,而是用jQuery做了一個div彈窗的封裝,外層div封裝了快顯視窗的標題列、按鈕、3D邊框效果、drag/drop、ajax調用、統一的使用介面等,裡面有個id為dataArea的div,用ajax調用具體的查詢頁面將html填入其中。問題發生在同一個頁面需要多個這樣的快顯視窗,導致dataArea這個id存在多個對象,selector中不使用context時,多次彈出時竟然迴圈交替的擷取到各個dataArea對象
javascript組件用的多而複雜時,相關的一些問題跟安全執行緒一樣重要而複雜