jquery ajax

foryougeljh

浏览: 116383 次
性别:
来自: 上海

最近访客更多访客>>

chsnsz

Jackiezmb

a191535434

笨鸟刃心

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

jQuery.load(url,[data],[callback]) 载入远程 HTML文件代码并插入至 DOM 中
url(String):请求的HTML页的URL地址。
data(Map):发送至服务器的 key/value 数据。
callback(Callback): 请求完成时(不需要是success的)的回调函数。
默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式
可以指定选择符，来筛选载入的 HTML 文档，DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url selector"
$("#feeds").load("feeds.html h3");

jQuery.get(url,[data],[callback],[type])通过远程 HTTP GET 请求载入信息
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax
url (String) : 发送请求地址。
data (Map) : (可选) 待发送 Key/value 参数。
callback (Function) : (可选) 发送成功时回调函数。
type (String) : (可选) 返回内容格式，xml, html, script, json, text, _default。

jQuery.post(url,[data],[callback],[type])通过远程 HTTP POST 请求载入信息
参数：
url (String) : 发送请求的URL地址.
data (Map) : (可选) 要发送给服务器的数据，以 Key/value 的键值对形式表示。
callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。
type (String) : (可选)官方的说明是：Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)

jQuery.getScript( url, [callback] ) : 通过 GET 方式请求载入并执行一个 JavaScript 文件。
url (String) : 待载入 JS 文件地址。
callback (Function) : (可选) 成功载入后回调函数。
这个方法可以用在例如当只有编辑器focus()的时候才去加载编辑器需要的JS文件
$.getScript("test.js");

jQuery.ajax(options)通过 HTTP 请求加载远程数据,jQuery 底层 AJAX 实现
$.ajax() 返回其创建的XMLHttpRequest对象
$.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息
注意：如果你指定了 dataType 选项，请确保服务器返回正确的 MIME 信息，(如 xml 返回 "text/xml")。错误的 MIME 类型可能导致不可预知的错误

返回值 XMLHttpRequest
参数 options (可选) : AJAX 请求设置。所有选项都是可选的
选项
url(String) : (默认: 当前页地址)发送请求的地址
type(String) : (默认: "GET") 请求方式 ("POST" 或 "GET")，默认为 "GET"
cache(Boolean):(默认: true) 设置为 false 将不会从浏览器缓存中加载请求信息
async(Boolean) : (默认: true) 所有请求均为异步请求
contentType(String) : (默认: "application/x-www-form-urlencoded") 发送信息至服务器时内容编码类型
data(Object,String) : 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后
success(Function) : 请求成功后的回调函数。这个方法有两个参数：服务器返回数据，返回状态
timeout(Number): 设置请求超时时间（毫秒）。此设置将覆盖全局设置
beforeSend(Function):发送请求前可修改 XMLHttpRequest 对象的函数，如添加自定义 HTTP 头
complete(Function) : 请求完成后回调函数 (请求成功或失败时均调用)function(XMLHttpRequest,textStatus)
dataType(String):预期服务器返回的数据类型。如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText，并作为回调函数参数传递，可用值:
"xml": 返回 XML 文档，可用 jQuery 处理。
"html": 返回纯文本 HTML 信息；包含 script 元素。
"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。
"json": 返回 JSON 数据。
"jsonp": JSONP 格式。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。

$.ajax({
type: "get",
url: "http://www.cnblogs.com/rss",
beforeSend: function(XMLHttpRequest){
//ShowLoading();
},
success: function(data, textStatus){
$(".ajax.ajaxResult").html("");
$("item",data).each(function(i, domEle){
$(".ajax.ajaxResult").append("<li>"+$(domEle).children("title").text()+"</li>");
});
},
complete: function(XMLHttpRequest, textStatus){
//HideLoading();
},
error: function(){
//请求出错处理
}
});

分享到：