Johnny_Z

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2012年6月17日

摘要: 我们可以把AJAX全局函数附加到特定的DOM元素。这些函数在AJAX请求处理的不同阶段或在请求最终成功或失败时将被触发AJAX全局函数的任何一个命令语法都是一致的,所以统一在下表中说明。ajaxStart(callback)ajaxSend(callback)ajaxSuccess(callback)ajaxError(callback)ajaxComplete(callback)ajaxStop(callback)把传入的回调函数附加到所有匹配元素上,一旦到达AJAX请求处理的指定时刻就触发回调函数。参数callback(函数)将被附加的回调函数。参照下表了解何时回调函数被触发以及什么参数将 阅读全文
posted @ 2012-06-17 14:29 Johnny_Z 阅读(5671) 评论(0) 推荐(0) 编辑

摘要: 使用jQuery的$.ajaxSetup方法可以设置AJAX请求的默认参数选项,当程序中需要发起多个AJAX请求时,则不用再为每一个请求配置请求的参数。$.ajaxSetup方法语法$.ajaxSetup(properties)参数properties(对象)对象实例,其属性定义一组默认的AJAX属性。这些属性与前面讲述的$.ajax函数属性相同。返回值未定义需要注意的是用$.ajaxSetup函数所设置的默认值不会应用到load()命令上。对于实用工具函数,如$.get()和$.post(),其HTTP方法不会因为使用这些默认值而被覆盖。设置GET的默认类型不会导致$.post()使用HTT 阅读全文
posted @ 2012-06-17 14:26 Johnny_Z 阅读(54591) 评论(1) 推荐(3) 编辑

摘要: 使用jQuery的$.ajax方法可以更为详细的控制AJAX请求。它在AJAX请求上施加细粒度级别的控制。$.ajax方法语法$.ajax(options)参数options(对象)一个对象的实例,其属性定义这个操作的参数。详情见下表。返回值XHR实例options详细范围值名称类型描述url字符串请求的url地址type字符串将要使用的HTTP方法。通常是POST或GET。如果省略,则默认为GETdata对象一个对象,其属性作为查询参数而传递请求。如果是GET请求,则把数据作为查询字符串传递;如果是POST请求,则把数据作为请求体传递。在这两种情况下,都是由$.ajax()实用工具函数来处理 阅读全文
posted @ 2012-06-17 14:23 Johnny_Z 阅读(29586) 评论(0) 推荐(1) 编辑

摘要: 使用jQuery的$.getJson方法可以异步的获取服务器端返回的json字符串。$.getJson方法语法$.getJson(url,parameters,callback)参数url(字符串)将要通过GET方法进行交互的服务器端资源的url。parameters(对象)一个对象,其属性作为“键/值”用于构造查询字符串并追加到url;或者一个预格式化和uri编码的查询字符串。callback(函数)回调函数,在请求完成时被调用。把响应体解析为json字符串,这个字符串的值作为第一个参数传递到这个回调函数,响应状态作为第二个参数传递到该函数。返回值XHR实例下面看个例子客户端代码:<h 阅读全文
posted @ 2012-06-17 14:21 Johnny_Z 阅读(13667) 评论(0) 推荐(0) 编辑

摘要: 使用jQuery的$.get方法可以以GET方式发起AJAX请求。$.get方法是jQuery的实用工具函数。get方法语法$.get(url,parameters,callback)参数url(字符串)服务器端资源地址。parameter(对象)需要传递到服务器端的参数。其形式为“键/值”。它会查询的字符串追加到url。callback(函数)在请求完成时被调用。该函数参数依次为响应体和状态。返回值XHR实例看个简单的例子客户端代码:<html xmlns="http://www.w3.org/1999/xhtml"><head><title 阅读全文
posted @ 2012-06-17 14:18 Johnny_Z 阅读(3875) 评论(0) 推荐(0) 编辑

摘要: 使用jQuery的$.post方法可以以POST形式向服务器发起AJAX请求。$.post方法是jQuery的实用工具方法。$.post方法语法$.post(url,parameters,callback)参数url(字符串)服务器端资源地址。parameter(对象)需要传递到服务器端的参数。 参数形式为“键/值”。callback(函数)在请求完成时被调用。该函数参数依次为响应体和状态。返回值XHR实例看个简单的例子客户端代码:<html xmlns="http://www.w3.org/1999/xhtml"><head><title&g 阅读全文
posted @ 2012-06-17 14:15 Johnny_Z 阅读(160994) 评论(4) 推荐(8) 编辑

摘要: 使用jQuery的load方法可以简单快捷的发起AJAX请求。使用load方法可以把已完成相应的文本插入到包装集所包含的任何元素中。load方法语法load(url,parameters,callback)参数url(字符串)服务器端资源地址。parameter(对象)需要传递到服务器端的参数。如果指定,就用POST方法请求;如果省略,就用GET方法请求。callback(函数)在响应数据加载到包装集后调用。该函数参数依次为文本、状态码和XHR实例。返回值包装集看个简单的例子客户端代码:<html xmlns="http://www.w3.org/1999/xhtml" 阅读全文
posted @ 2012-06-17 14:13 Johnny_Z 阅读(4538) 评论(0) 推荐(0) 编辑

摘要: 使用jQuery的函数能轻松的让页面实现动态的效果。比如说显示和隐藏、淡入和淡出、滑上和滑下。jQuery为我们提供了接口,我们可以实现很炫的功能。当我们为页面添加这些动态效果时,应该考虑一下这个效果是否能更好的展示页面内容,而不应该随意乱用,那样会起到反作用。这里只详细介绍一个方法,其他的方法类似。show(speed,callback)使包装集里的元素显示。当元素使用jQuery效果处于隐藏状态时,如果不带参数调用show,就通过把元素的display样式属性的值还原为之前的设置(如block或inline)使操作突然发生;如果元素没有通过jQuery效果隐藏,display样式属性的值就 阅读全文
posted @ 2012-06-17 14:09 Johnny_Z 阅读(697) 评论(0) 推荐(0) 编辑

摘要: 采用jQuery事件模型,我们可以更为灵活的为页面元素绑定事件,使用统一的操作方法建立更为规范的代码。我们来回顾一下,在DOM0级模型中,事件都是固定的写在元素标签之中,这种方式是最古老的方式,事件的绑定欠缺灵活。在DOM2级模型中,虽然各大浏览器厂商都提供了事件监听方法,但是各个厂商之间又欠缺统一的规范,使得开发人员不得不对不同的浏览器使用不同的规范。比如说老版本的IE提供的是attachEvent()方法而不是addEventListener()方法。在jQuery中提供了统一和兼容的方法,能让我们开发出兼容性更强、更为规范的代码。在jQuery中提供了bind方法。语法如下:bind(e 阅读全文
posted @ 2012-06-17 14:07 Johnny_Z 阅读(531) 评论(0) 推荐(0) 编辑

摘要: jQuery中的事件传播也即是javascript中的事件传播。事件传播分为两个阶段,一个是Capture(捕获)阶段,另一个是Bubble(冒泡)阶段。下面就分别讲一下这两个阶段。先用一张图来总体表示一下:比如说,我们点击了页面上id为picture的img元素,暂时只关心click事件,那么实际上它是从根元素html依次递归到点击的元素,这里为img元素,当然如果点击到了id为son的div元素,它就会递归到该div元素,这一阶段称为捕获阶段。该阶段中如果有任何祖先元素监听了click事件,那么都会触发该事件。那么,从点击到的img元素开始,依次向祖先元素递归,一直到达顶级祖先元素,这一过 阅读全文
posted @ 2012-06-17 14:03 Johnny_Z 阅读(5692) 评论(0) 推荐(1) 编辑

摘要: jQuery包装集和DOM对象是有区别的,jQuery包装集它一定是一个集合,是用jQuery的形式封装,不管它含有几个元素;而DOM对象一般是获取到的页面上某一个元素,比如说div、p等等,当然也可以获取一组DOM对象。我们来看一个jQuery包装集:$(‘#btn’) //这是一个jQuery包装集上面的代码中虽然是以id的形式获取了一个包装集,并且它里面肯定只有一个元素,但是它也是一个集合。我们来看一个DOM元素:document.getElementById(‘btn’) //这是一个DOM元素虽然上面两段代码都获得了id为btn的元素,但是他们两个的形式是不一样的。对于jQuery我 阅读全文
posted @ 2012-06-17 13:51 Johnny_Z 阅读(3070) 评论(1) 推荐(1) 编辑