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处理