jquery Ajax应用与常用插件

1：load()异步请求数据
语法：load(url,[data],[callback]) 【url为加载服务器地址，可选项data参数为请求是发送的数据，callback参数为数据请求成功之后，执行的回调函数】
生成AJAX请求，并通过该请求发送数据

生成AJAX请求，并使用回调函数

生成带有错误的AJAX请求

2：getJSON()方法异步加载JSON格式数据
2.1：jQuery.getJSON(url,[data],[callback])
2.2：$.getJSON(url,[data],[callback])
语法： jQuery.getJSON(url,data,success(data,status,xhr))【url将请求发送的那个url；data规定连同请求发送到服务器的数据；success规定请求成功时运行的函数，response - 包含来自请求的结果数据，status - 包含请求的状态，xhr - 包含 XMLHttpRequest 对象】
等价于：
【JSON是一种轻量级的数据格式，即数组和对象】

3：get()方法以GET方式从服务器获取数据
$.get(url,[callback]) 【url:为加载服务器地址；callback参数为数据请求成功后，执行的回调函数，此函数还有一个参数“json”,如果么哦有，接收不到值】。

4：post()方法以POST 方式从服务器发送数据
$.post(url,[data],[callback]) 【url:为加载服务器地址；可选项data参数为请求时发送的数据；callback参数为数据请求成功后，执行的回调函数】
jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)【url:必需，规定把请求发送到哪个 URL；data:可选,规定连同请求发送到服务器的数据;success(…):请求成功时执行的回调函数；dataType：规定预期的服务器响应的数据类型，默认执行智能判断（xml、json、script 或 html）。】


4.1：

4.2：

4.3：

4.4：

4.5：

4.6：

5：ajax()方法加载服务器数据
5.1、jQuery.ajax([settings])
5.2、$.ajax([settings])
参数settings为发送ajax请求时的配置对象：在该对象中，url表示服务器请求路径，data为请求时传递的数据，dataType为服务器返回的数据类型，success为请求成功时执行的回调函数（代参数），type为发送数据请求的方式，默认为get（值“大写”）。

6：ajaxSetup()设置全局Ajax默认选项
6.1 jQuery.ajax([options])
6.2 $.ajaxSetup([options])
可选项options参数为一个对象，通过该对象设置Ajax请求时的去全局选项者。参数可用.ajax()的参数
注： 如果向服务器发送数据，需要设置type:”POST”,

jQuery.ajaxSetup(name:value, name:value, …) 【name：value 可选，使用名称/值对来规定 AJAX 请求的设置】

常用插件
1：表单验证插件—-validate
$(form).validate({options}) 【options:表示调用方法时的配置对象】

.appendTo()把内容加入到指定的元素集合中。

2：表单插件—-form
$(form).ajaxForm({options}) / .ajaxSubmit({options})
【form参数表示表单元素名称；options是一个配置对象，用于在发送ajax请求过程，设置发送时的数据和参数。】

3：图片灯箱插件—-lightBox【类似轮播】
$(linkimage).lightBox({options}) 【linkimage参数为包含图片的元素名称，options为插件方法的配置对象。】
该插件可以用圆角的方式显示选中的图片，使用按钮查看上下张图片，在加载图片时自带进度条，还能以自动播放方式浏览图片。

4：图片放大镜插件—-jqzoom 【淘宝 -> 物品细节图】
$(linkimage).jqzoom({options}) 【linkimage参数为包含图片的元素名称，options为插件方法的配置对象，这个配置对象里常有：zoomWidth、小图片所选区域的宽，zoomHeight、小图片所选区域的高，zoomType、设置放大镜的类型，默认值为standard，如设为reverse，在小图片中，移入鼠标中，所选区域高亮】。
调用此插件时，需要准备一大一小两张一样的图片

5：cookie插件—–cookie
语法：保存 .cookie(key,value)/读取.cookie(key)/删除$.cookie(key,null)
参数key为保存cookie对象的名称，value为名称对应的cookie值。
【方便通过cookie对象保存，读取，删除用户的信息，也能保存用户的浏览记录】

6：搜索插件—–autocomplete
语法：$(textbox).autocomplete(urldata,[options])【textbox参数为文本框元素名称，urlData为插件返回的相近字符串数据，可选项参数options为调用插件方法时的配置对象。】

7：右键菜单插件—–contextmenu
语法：$(selector).contextMenu(menuId,{options})【Selector参数为绑定插件的元素，meunId为快捷菜单元素，options为配置对象。】此插件可以绑定页面中的任意元素

8：自定义对象级插件——lifocuscolor插件 【添加鼠标hover的效果】
语法：$(Id).focusColor(color) 【参数Id表示ul元素的Id号，color表示li元素选中时的背景色。】

9：自定义类级别插件—-twoaddresult
语法：.addNum(p1,p2)/.subNum(p1,p2)【这两种格式分别为计算两数值相加和相减的结果】

UI型插件
1：拖拽插件—-draggable
语法：$(selector). draggable({options})【options参数为方法调用时的配置对象，根据该对象可以设置各种拖曳效果，如“containment”属性指定拖曳区域，“axis”属性设置拖曳时的坐标方向】

2：放置插件—-droppable 【类似购物车效果，需要拖拽】
语法：$(selector).droppable({options}) 【selector参数为接收拖曳元素，options为方法的配置对象，在对象中，drop函数表示当被接收的拖曳元素完全进入接收元素的容器时，触发该函数的调用。】

3：拖拽排序插件—-sortable
语法：$(selector).sortable({options})【selector参数为进行拖曳排序的元素，options为调用方法时的配置对象，delay：延时，opacity：透明度】

4：面板折叠插件—-accordion 【类似“手风琴”的折叠对象】
语法：$(selector).accordion({options}) 【参数selector为整个面板元素，options参数为方法对应的配置对象。】

5：选项卡插件—-tabs 【使用选项卡插件可以将ul中的li选项定义为选项标题，在标题中，再使用元素的“href”属性设置选项标题对应的内容，类似于“锚点链接”】
语法：$(selector).tabs({options}) 【selector参数为选项卡整体外围元素，该元素包含选项卡标题与内容，options参数为tabs()方法的配置对象，通过该对象还能以ajax方式加载选项卡的内容】

6：对话框插件—-dialog 【用动画的效果弹出多种类型的对话框】
语法：$(selector).dialog({options}) 【selector参数为显示弹出对话框的元素，通常为div，options参数为方法的配置对象，在对象中可以设置对话框类型、“确定”、“取消”按钮执行的代码等】

7：菜单工具插件—-menu【可以通过ul创建多级内联或弹出式菜单，支持通过键盘方向键控制菜单滑动，允许为菜单的各个选项添加图标】
语法：$(selector).menu({options}) 【selector参数为菜单列表中最外层ul元素，options为menu()方法的配置对象。】

8：微调按钮插件—-spinner
语法：$(selector).spinner({options}) 【selector参数为文本输入框元素，可选项options参数为spinner()方法的配置对象，在该对象中，可以设置输入的最大、最小值，获取改变值和设置对应事件,spin:递增/递减事件（function(event,ui){},）,change:按钮值改变事件（function(event,ui){},）】

9：工具提示插件—-tooltip
语法：$(selector).tooltip({options}) 【selector为需要显示提示信息的元素，可选项参数options为tooltip()方法的配置对象，在该对象中，可以设置提示信息的弹出（show：{}）、隐藏（hide:{}）时的效果和所在位置,动画特效：effect：显示/隐藏的方式】
.effect(effect,[options],[duration],[complete]) 【对一个元素应用的动画特效。effect、一个字符串，知指示要那一种特效，options、特效具体的设置和easing（指定动画的行进速度），duration、一个字符串或一个数字，指定动画将运行多久，complete、动画完成时要调用的函数】