工做中常遇到的小知识

一则是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 );
   }，

　　......
});