工做中常遇到的小知識

一則是Firefox瀏覽器調試:
Firebug有6個主要的功能：
控制檯、Html查看器、Css查看器、腳本調試器、Dom查看器、網絡情況監視

控制檯顯示當前頁面中的javascript錯誤以及警告，並提示出錯的文件和行號，方便調試。並且在調試Ajax的時候也是特別有用，可以在控制檯裏看到每個XMLHttpRequests請求post出去的參數、URL，http頭以及回饋的內容，還能在控制檯中查看變量內容，直接運行javascript語句，就算是大段的javascript程序也可以正確運行並獲得運行中的信息。

控制檯還有個重要的做用就是查看腳本的log, 以前習慣了使用alert來打印變量，可是Firebug最簡單的打印日誌的語法是：console.log()。

網絡監視器功能，查看每個外部文件甚至是xmlHttpRequests請求的http頭等。

DOM裏包含全部的Object以及函數、事件，DOM查看器方便地瀏覽DOM的內部結構，快速定位DOM對象。雙擊一個DOM對象，就可以編輯它的變量或值，編輯的同時，會發現它還有自動完成功能，當輸入document.get以後，按下tab鍵就能補齊爲document.getElementById，很是方便。
 
再則就是處理jQuery.ajax()獲得的數據，使用回調函數:beforeSend、error、dataFilter、success、complete。
beforeSend 在發送請求以前調用，而且傳入一個XMLHttpRequest做爲參數。
error 在請求出錯時調用。傳入XMLHttpRequest對象，描述錯誤類型的字符串以及一個異常對象（若是有的話）
dataFilter 在請求成功以後調用。傳入返回的數據以及"dataType"參數的值。而且必須返回新的數據（多是處理過的）傳遞給success回調函數。
success 當請求以後調用。傳入返回後的數據，以及包含成功代碼的字符串。
complete 當請求完成以後調用這個函數，不管成功或失敗。傳入XMLHttpRequest對象，以及一個包含成功或錯誤代碼的字符串。

jQuery.ajax({
   type: "GET",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }，
   error:function(msg){
     alert( "Data Entry: " + msg );
   }，

　　......
});