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(​)​{​
        /​/​请​求​出​错​处​理
    }​
​}​)​;

阅读更多
想对作者说点什么? 我来说一句

jqueryjqueryjquery

2009年07月27日 1.73MB 下载

ajax jquery的使用

2010年05月12日 3.08MB 下载

JQueryAjax的异步调用 示例

2011年06月25日 142KB 下载

ajax WCF jquery ajax WCF jquery

2010年02月19日 119KB 下载

test jquery ajax

2009年11月18日 52KB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭