ajax--笔记

<------------------------------------------------------------------------------------------------------------------>

1.利用Ajax+JSON技术实现产品热销列表
参考demo1.jsp示例
2.Ajax有什么优点?
1)在整个页面不刷新情况下,局部更新
2)异步请求处理模式,可以不打断用户操作
3)采用按需方式提交请求数据和获取响应数据
同步模式:请求1-->响应1回调执行-->请求2
异步模式:请求1-->请求2-->响应1回调执行
3.利用JSON.jar自定义转换格式(了解)
Date类型需要采用此方法特殊处理.
1)编写一个格式转换器,需要实现
JsonValueProcessor接口及其方法
2)在使用JSONObject,JSONArray时,
a.先创建一个JsonConfig对象,将格式转换器给
JsonConfig对象注册,如下
JsonConfig config = new JsonConfig();
config.registerjsonValueProcessor(
属性类型,转换器对象);
b.在调用JSONObject和JSONArray的fromObject
方法时,将config对象指定.
JSONObject.fromObject(Java对象,config);
-------------jQuery框架--------------
1.什么jQuery,有什么好处
jQuery是一个JavaScript框架或脚本库.它将一些
原始js脚本封装,提供了一些函数,便于脚本开发.
类似jQuery框架很多,例如prototype,ExtJs,yahoo等.
"Write less do More!"
好处:应用方便,便于客户端JavaScript和Ajax编程.
2.jQuery框架原理
jQuery提供了很多功能函数和多种类型选择器.
1)利用jQuery编程步骤:
a.先利用选择器将页面中的元素获取
b.然后使用函数进行操作.
2)什么是jQuery对象
利用jQuery选择器选出的对象才是jQuery对象.
jQuery对象是一个集合,集合元素是原有js中DOM对象.
注意:只有jQuery对象才可以使用jQuery提供的函数
3)对象类型的转换
a.将一个DOM对象转换成jQuery对象
$(DOM对象)
b.将一个jQuery对象转换成DOM对象
//获取jQuery对象集合中的第一个DOM对象
jQuery对象[0] 或者 jQuery对象.get(0)
c.将一个字符串转换成jQuery对象
$(字符串)
4)页面载入完毕执行指定函数fn (demo2.jsp)
$(document).ready(fn);
//或者
$(fn);
3.jQuery选择器
1)基本选择器 (demo3.jsp)
*a.按id属性值选择
$("#id值")
*b.按class属性值选择
$(".class值")
*c.按元素名称选择
$("元素名称")
d.选取所有元素
$(*)
e.选取多个元素,用逗号隔开选择器
$("#c1,#c2")//选取id=c1和id=c2的元素
2)层级选择器 (demo4.jsp)
*a.父子关系
$("选择器1 > 选择器2")
*b.祖先后代关系
$("选择器1 选择器2")
c.前后关系
$("pre + next")
d.兄弟关系
$("pre ~ siblings")
3)简单选择器 (demo4.jsp)
*a.选第一个 :first
*b.选最后一个 :last
*c.选奇数元素 :even
*d.选偶数元素 :odd
*e.选指定元素 :eq(索引)
*f.选大于指定值的元素 :gt(索引)
*g.选小于指定值的元素 :lt(索引)

<------------------------------------------------------------------------------------------------------------------>

1.特效函数

主要实现隐藏和显示功能. 1)基本效果 show();//将元素显示 show(speed);//在指定speed时间内完成显示 speed:参数值可以为'slow','normal','fast' 也可以使用数字1000,2000(毫秒) hide();//将元素隐藏 hide(speed);在指定时间内隐藏 toggle();//切换隐藏和显示. 2)滑动效果(改变元素高) slideDown(speed);//将元素显示 slideUp(speed);//将元素隐藏 3)淡入淡出效果(改变元素的透明度) fadeIn(speed);//将元素显示 fadeOut(speed); //将元素隐藏 4)自定义动画 animate(); 2.筛选函数 基于现有jQuery元素对象查找其他元素. 1)过滤 a.eq(索引) 获取jQuery对象集合中某一个元素 b.not(选择器) 从jQuery对象集合中将符合选择器的元素排除 返回剩下的元素. c.is(选择器) 从jQuery对象集合中获取符合选择器的元素 d.slice(begin,[end]) 从jQuery对象集合中获取begin-end的子元素 2)查找 a.find(选择器) 从当前jQuery集合中将符合选择器的后代元素 返回. b.children(选择器) 从当前jQuery集合中将符合选择器的子元素返回 c.parent() 获取当前jQuery对象的父元素 d.siblings() 获取当前jQuery对象的兄弟 3.工具函数 a.$.trim(str) 字符串过滤空格,只过滤前后空格 b.$.each(集合,fn) 循环操作,每一个元素触发fn处理