AJAX技术详解.ppt

Jquery 的基本操作 事件切换-hover 在CSS中有个特殊的样式就是伪类，它具有“事件”的效果，在jquery中也有这种事件，叫做事件切换 【语法】 $(selector).hover(function1(),function2 )) 必需。鼠标移出触发的函数。 out 必需。鼠标移上去触发的函数。 over 描述 参数 Jquery 的基本操作 事件触发-click 动态的注册元素的事件监听函数，注意如果有动态的事件注册，就不能在元素中有事件属性 【语法】 $(selector).click() 或者 $(selector).click(function) 可选。规定当发生 click 事件时运行的函数。 function 描述 参数 Jquery 的基本操作 其他事件触发 触发、或将函数绑定到指定元素的 submit 事件 submit() 触发、或将函数绑定到指定元素的 select 事件 select() 触发、或将函数绑定到指定元素的 scroll 事件 scroll() 触发、或将函数绑定到指定元素的 resize 事件 resize() 触发、或将函数绑定到指定元素的 mouse up 事件 mouseup() 触发、或将函数绑定到指定元素的 mouse over 事件 mouseover() 触发、或将函数绑定到指定元素的 mouse out 事件 mouseout() 触发、或将函数绑定到指定元素的 mouse move 事件 mousemove() 触发、或将函数绑定到指定元素的 mouse leave 事件 mouseleave() 触发、或将函数绑定到指定元素的 mouse enter 事件 mouseenter() 触发、或将函数绑定到指定元素的 mouse down 事件 mousedown() 触发、或将函数绑定到指定元素的 key up 事件 keyup() 触发、或将函数绑定到指定元素的 key press 事件 keypress() 触发、或将函数绑定到指定元素的 key down 事件 keydown() 触发、或将函数绑定到指定元素的 focus 事件 focus() 触发、或将函数绑定到指定元素的 double click 事件 dblclick() 触发、或将函数绑定到指定元素的 click 事件 click() 触发、或将函数绑定到指定元素的 change 事件 change() 描述 方法 Jquery ajax 支持 Jquery除了能处理客户端的JS功能，也能方便处理JS(ajax)服务器端的功能 支持AJAX的方法主要有如下 加载并执行远程的 JavaScript 文件 $.getScript(url,callback) 使用 HTTP GET 来加载远程 JSON 数据 $.getJSON(url,data,callback) 使用 HTTP POST 来加载远程数据 $.post(url,data,callback,type) 使用 HTTP GET 来加载远程数据 $.get(url,data,callback,type) 把远程数据加载到 XMLHttpRequest 对象中 $.ajax(options) 把远程数据加载到被选的元素中 $(selector).load(url,data,callback) 描述 请求 Jquery 的基本操作 Jquery load 方法 【语法】 $().load( url, [data], [callback] ) 【参数说明】 url?(String) : 请求的HTML页的URL地址 data?(Map) : (可选参数) 发送至服务器的 key/value 数据 callback?(Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数 这个方法默认使用 GET 方式来传递的，如果[data]参数有传递数据进去，就会自动转换为POST方式的 Jquery 的基本操作 Jquery ajax 方法 【语法】 $.ajax( options ) 【参数说明】 url：发送请求的地址 type：请求方式 (“POST” 或 “GET”)， 默认为 “GET”。 timeout：设置请求超时时间（毫秒） async：(默认: true) 默认设置下，所有请求均为异步请求 beforeSend：发送请求前可修改 XMLHttpRequest 对象的函数 cache：(默认: true) 设置为 false 将不会从浏览器缓存中加载请求信息 complete：请求完成后回调函数 (请求成功或失败时均调用) data：发送到服务器的数据。将自动转换为