JQuery UI插件的 API

合集下载
相关主题
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

AJAX应用

Ajax函数

$("XXX").load(url [, data][, callback]);

// 用于加载HTML代码,并将其插入到XXX DOM文档中

// data为参数,为字符串或映射(键值对)例如:key1=value1&key2=value2 // 若参数data为字符串或无,则发送的请求类型为get,否则为post

// callback为回调函数,callback可以接受三个参数,例如:

// function (responseText, textStatus, XMLHttpRequest){ // responseText为响应文本

// textStatus为响应状态文本

}

$.getJSON(url [, data][, callback(data, textStatus)]);

// 用于加载JSON数据

// callback为回调函数:

// function (data, textStatus){

// data为服务器返回的数据

// textStatus为响应状态文本

}

$.getScript(url [, callback(data, textStatus)]);

// 用于动态加载JavaScript脚本文件

// function (data, textStatus){

// data为服务器响应的数据,即JavaScript文件包含的源代码}

$.get(url [, data][, callback][, dataType]);

// 用于加载更多类型的数据

// dataType为字符串,用于指定服务器返回的数据类型

// 可选值有:“xml”、“html”、“script”、“json”、“jsonp”、“text”

// callback为回调函数:

// function (data, textStatus, XMLHttpRequest){

// data为服务器返回的数据

}

$.post(url [, data][, callback][, dataType]);

// 参数用法同$.get();

// 使用post请求永远都不会缓存

$.ajax(settings);

// 使用ajax请求访问服务器

// settings为json类型的对象,用于设置参数的属性,例如:{url:"test.html"} // settings的选项:

// async:指定是否以异步请求方式发送;默认为true

// cache:指定是否进行缓存;

默认为true,当dataType为script或jsonp时,则默认为false;

// contentType:发送的数据类型;

默认为application/x-www-form-urlencoded

若传入的为内容类型,则它将始终被发送到服务器。

// data:发送到服务器的参数;

必须为键值对或序列化的字符串。

// dataType:请求的数据类型的字符串表示形式;

可选值有:xml、html、script、json、jsonp、text

// username:指定用于响应HTTP访问认证的用户名

// password:指定用于响应HTTP访问认证的密码

// timeout:指定请求超时时间

// type:指定请求的类型;可以为post、get等

// url:指定请求的服务器地址

// beforeSend(XMLHttpRequest):用于设置请求之前的回调函数,并传入XMLHttpRequest作参数

// error(XMLHttpRequest, textStatus, errorThrown):

用于设置请求失败的回调函数,并传入XMLHttpRequest、

一个表示错误类型的字符串和异常对话作为参数

// success(data, textStatus, XMLHttpRequest):

用于设置请求成功时的回调函数,并传入返回的数据、一个包含成功

代码的字符串和XMLHttpRequest作为参数

// complete(XMLHttpRequest, textStatus):

用于设置请求完成时的回调函数(无论成功还是失败)

传入XMLHttpRequest对象和一个包含成功或失败代码的字符串

数据处理

$("XXX").serialize();

// 将DOM元素的数据,序列化成标准的URL编码方式的字符串数据

// 一般选择的元素为

标签

$("XXX").serializeArray();

// 将DOM元素的数据,序列化成JSON类型的数组

$.param(object [, traditional]);

// 将指定数据序列化成标准的URL编码方式的字符串数据

// object为要进行序列化的对象或数组

// traditional为Boolean类型,表示是否执行传统的“浅”序列化jQuery UI

界面主题库

若需要更多的主题包,可以下载主题包jquery-ui-themes-1.8.1.zip,解压后其中的每一个文件夹代表一个主题。

Draggable拖动组件

需要导入以下ui文件:

jquery.ui.core.js

jquery.ui.widget.js

jquery.ui.mouse.js

jquery.ui.draggable.js

属性

相关文档
最新文档