《第九章《jQuery高级》-精选课件(公开).pptVIP

相关实践14-14 总结 我们可以通过$.ajax()函数发起Ajax请求，并利用options参数来控制Ajax的每一个细节。 JSON，即JavaScript Object Notation，是一种轻量级的数据交换格式，它是基于JavaScript规范开发出来的。 load()方法可以将Ajax返回的内容直接加载到元素上 。 Hands-On实训教程系列 Hands-On实训教程系列 第九章 jQuery高级编程 上章回顾 jQuery选择器分类 基本选择器 特征选择器 子选择器 位置选择器 利用元素关系获取元素集合 $()是页面就绪程序 jQuery事件模型 的bind()与unbind()方法 常用jQuery元素的扩展方法 css() 、 addClass() 、attr() 、 text() 、 html() 常用jQuery内置动画函数 show() 、hide() fadeIn() 、fadeOut() slideDown() 、slideUp() 本章目标 掌握jQuery提供的$.ajax()方法 认识JSON 利用load()方法加载服务器内容到页面元素 工作任务 HandsOn公告板 AJAX异步通信步骤 创建XMLHttpRequest对象 不同浏览器创建方法不同 使用open()方法创建一个请求 xmlHttpRequest.open(“get”,url,true); 使用send()方法发送一个请求 xmlHttpRequest.send(body); 对服务器端响应进行处理 xmlHttpRequest. onreadystatechange = doServer; 服务器返回文本：xmlHttpRequest.responseText 服务器返回XML：xmlHttpRequest.responseXML $.ajax()方法 jQuery提供了$.ajax()方法,利用此方法我们可以轻松发起Ajax请求，并且可以根据需要设置AJAX的每一个细节，语法 如下： $.ajax(options) 利用已传递的选项（控制如何生成请求以及如何通知回调函数）来发起Ajax请求。 参数： options，JSON对象，其属性定义这个操作的参数。 返回：XMLHttpRequest对象 作为专有名词，Ajax的书写格式在文章中应保持一致 options选项表-1 参数options可以指定很大范围的值用来调整这个方法的操作。这些选项（按照使用的可能性来排序）的定义如下表所示： 名称 类型 描述 url 字符串 请求的url type 字符串 将要使用的HTTP方法。通常是POST或GET。如果省略，则为GET data 对象 一个对象，其属性作为查询参数传递给请求。如果是“GET”请求，则把数据作为查询字符串传递；如果是“POST”请求，则把数据作为请求体传递。在这两种情况下，都是由$.ajax()方法来处理值的编码。 contentType 字符串 将要在请求上指定的内容类型。如果省略，默认为application/x-www-form-urlencoded(与表单提交所使用默认类型相同)。 options选项表-2 dataType 字符串 一个关键字，用来标识响应返回数据的类型。这个值决定在把数据传递给回调函数之前（如果有）进行什么后续处理。有效值如下： xml – 代表响应数据是XML文档，jQuery将解析后的XML DOM对象传递给回调函数。 html – 代表响应数据是HTML片段。 json – 代表响应数据是JSON对象。 jsonp – 与JSON相似，不同之处是提供远程脚本支持（假定远程服务器支持） script – 响应数据被作为JavaScript脚本执行。 text – 对响应数据不做任何处理，作为普通文本返回。 timeout 数值 设置Ajax请求的超时值（毫秒）。如果请求这段时间内没有完成，则中止请求并调用错误回调