`
foryougeljh
  • 浏览: 113498 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery ajax

 
阅读更多
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) : 请求完成后回调函数 (请求成功或失败时均调用)f​u​n​c​t​i​o​n(​X​M​L​H​t​t​p​R​e​q​u​e​s​t​,​​t​e​x​t​S​t​a​t​u​s​)​
dataType(String):预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText,并作为回调函数参数传递,可用值:
"xml": 返回 XML 文档,可用 jQuery 处理。
"html": 返回纯文本 HTML 信息;包含 script 元素。
"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。
"json": 返回 JSON 数据 。
"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。​

$​.​a​j​a​x​(​{​
t​y​p​e​:​ ​"g​e​t"​,​
u​r​l​:​ ​"h​t​t​p​:​/​/​w​w​w​.​c​n​b​l​o​g​s​.​c​o​m​/​r​s​s"​,​
b​e​f​o​r​e​S​e​n​d​:​ f​u​n​c​t​i​o​n(​X​M​L​H​t​t​p​R​e​q​u​e​s​t​)​{​
/​/​S​h​o​w​L​o​a​d​i​n​g​(​)​;
}​,​
s​u​c​c​e​s​s​:​ f​u​n​c​t​i​o​n(​d​a​t​a​,​ ​t​e​x​t​S​t​a​t​u​s​)​{​
​$​(​".​a​j​a​x​.​a​j​a​x​R​e​s​u​l​t"​)​.​h​t​m​l​(​"​"​)​;​
​$​(​"i​t​e​m"​,​d​a​t​a​)​.​e​a​c​h​(f​u​n​c​t​i​o​n(​i​,​ ​d​o​m​E​l​e​)​{​
​ ​$​(​".​a​j​a​x​.​a​j​a​x​R​e​s​u​l​t"​)​.​a​p​p​e​n​d​(​"<​l​i​>"​+​$​(​d​o​m​E​l​e​)​.​c​h​i​l​d​r​e​n​(​"t​i​t​l​e"​)​.​t​e​x​t​(​)​+​"<​/​l​i​>"​)​;​
​}​)​;​
}​,​
c​o​m​p​l​e​t​e​:​ f​u​n​c​t​i​o​n(​X​M​L​H​t​t​p​R​e​q​u​e​s​t​,​ ​t​e​x​t​S​t​a​t​u​s​)​{​
/​/​H​i​d​e​L​o​a​d​i​n​g​(​)​;
}​,​
e​r​r​o​r​:​ f​u​n​c​t​i​o​n(​)​{​
/​/​请​求​出​错​处​理
}​
​}​)​;

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics