jquery 学习笔记20120712

知识点一：

实现Termifier

termifier()

1)在每个匹配元素上建立click 处理器用来显示termifier提示框

2）一旦单击元素，将会使用服务器端资源来查找当前元素定义的术语

3）一旦接收到响应，将会使用淡入特效来在提示框中显示术语的定义

4）将提示框设置为一旦在其范围内单击就会淡出

5）服务器端资源的URL将会是唯一必需的参数，所有其他的选项都将拥有合理的默认值。

termifier(url,options)

把包装元素设置为Termifier项。

url(字符串)用来检索术语定义的服务器端动作的URL

options(对象)

返回值：包装集

(function($){

　　$.fn.termifier = function(actionURL,options){

　　　　//实现代码

　　　　return this;

　　};

})(jQuery);

知识点二：

测试termifier插件

1）清除无用的东西

$('body').ajaxComplete(function(event,xhr,options){

　　if(options.url.indexOF('fetchProduct') != -1){

　　　　$('div.termifier').remove();

　　}

});

2)为提示框应用样式

见实例8-9

小结Ajax与服务器通信

当需要GET方法时，jquery 提供了实用函数$.get()和$.getJSON();

为强制发起POST方法，可以使用$.POST()实用函数

$.ajaxSetup()实用函数，允许为$.ajax()函数的任何常用选项设置默认值