工作中常遇到的小知识

标签：

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

　　......
});

工作中常遇到的小知识

标签：

原文地址：http://www.cnblogs.com/love-is/p/4285130.html