資訊專欄INFORMATION COLUMN
摘要：觀察函數(shù)和函數(shù)可以用來作為觀察函數(shù)，我們可以使用觀察函數(shù)的回調(diào)函數(shù)來做相應(yīng)的處理。當(dāng)請(qǐng)求開始且尚未進(jìn)行其他傳輸時(shí)，會(huì)觸發(fā)的回調(diào)函數(shù)。當(dāng)最后一次活動(dòng)請(qǐng)求終止時(shí)，則會(huì)執(zhí)行通過注冊(cè)的回調(diào)函數(shù)。
對(duì)于 jQuery 通過 Ajax 方式傳遞數(shù)據(jù)時(shí)，我們還可以在過程中進(jìn)行一定的處理，以便達(dá)到我們的需求。
觀察函數(shù)ajaxStart 和 ajaxStop 函數(shù)可以用來作為觀察函數(shù)，我們可以使用觀察函數(shù)的回調(diào)函數(shù)來做相應(yīng)的處理。
當(dāng) Ajax 請(qǐng)求開始且尚未進(jìn)行其他傳輸時(shí)，會(huì)觸發(fā) ajaxStart 的回調(diào)函數(shù)。
當(dāng)最后一次活動(dòng)請(qǐng)求終止時(shí)，則會(huì)執(zhí)行通過 ajaxStop 注冊(cè)的回調(diào)函數(shù)。
由于觀察函數(shù)具備全局性，所以需要使用 $(document) 來調(diào)用。我們通過使用 Ajax 方法取得一個(gè)圖片的例子來測(cè)試兩個(gè)函數(shù):
當(dāng)前頁面為：
同目錄下的 test.html 內(nèi)容為：
點(diǎn)擊按鈕后希望載入圖像：
$("button").click(function() {
$("div").load("test.html");
});
此時(shí)我們可以使用 ajaxStart 和 ajaxStop 函數(shù)來增加提示：
$(document).ajaxStart(function() {//
alert("load a picture");
}).ajaxStop(function() {
alert("show a picture");
});
$("button").click(function() {
$("div").load("test.html");
});
此時(shí)點(diǎn)擊按鈕后，再圖像載入前先提示 load a picture，載入后提示 show a picture。
錯(cuò)誤處理最常用的方式是全局的 ajaxError 方法，以上例為例，如果我們像一個(gè)不存在的頁面發(fā)送數(shù)據(jù)請(qǐng)求：
$(document).ajaxError(function() {//
alert("load failed!");
});
$("button").click(function() {
$("div").load("noexsited.html");
});
此時(shí)點(diǎn)擊按鈕后：
對(duì)于非 load 方法，還可以使用 fail 方法來連綴處理：
$("button").click(function() {
$.get("noexsited.html", function(data) {
}).fail(function(jqXHR) {
alert("status is " + jqXHR.status);
});
});
JSONP
JSONP 即 JSON with padding，填充式 JSON，利用的是
數(shù)據(jù)獲取成功。
參考http://book.douban.com/subject/24669823/
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/78181.html
摘要：在前一篇介紹的數(shù)據(jù)加載中的例子都是從靜態(tài)的文件中取得數(shù)據(jù)，而更大的價(jià)值在于與后端服務(wù)器進(jìn)行數(shù)據(jù)傳遞，動(dòng)態(tài)地請(qǐng)求和發(fā)送數(shù)據(jù)。首先用方式請(qǐng)求數(shù)據(jù)方式點(diǎn)擊標(biāo)簽后，當(dāng)前頁面為數(shù)據(jù)請(qǐng)求成功。 在前一篇介紹 jQuery Ajax 的數(shù)據(jù)加載中的例子都是從靜態(tài)的文件中取得數(shù)據(jù)，而 Ajax 更大的價(jià)值在于與后端服務(wù)器進(jìn)行數(shù)據(jù)傳遞，動(dòng)態(tài)地請(qǐng)求和發(fā)送數(shù)據(jù)。 請(qǐng)求數(shù)據(jù) 我們可以使用 GET、POST...
摘要：同樣將其綁定在按鈕點(diǎn)擊事件上查看結(jié)果為這里需要注意，如果文檔內(nèi)的格式錯(cuò)誤，雖然不會(huì)報(bào)錯(cuò)，但是將無法執(zhí)行回調(diào)函數(shù)。 Ajax 通俗來講即不需要刷新頁面即可從服務(wù)器或客戶端上加載數(shù)據(jù)，當(dāng)然這些數(shù)據(jù)的格式是多種多樣的。 加載 HTML 我們通常使用加載 HTML 的方法來加載 HTML 片段，并插入到指定位置，假設(shè)當(dāng)前頁面為： load showImg(http://segmen...
摘要：事件對(duì)象是一種結(jié)構(gòu)，它會(huì)在元素獲得處理事件的機(jī)會(huì)時(shí)傳遞給調(diào)用的事件處理程序。事件對(duì)象的屬性指的是事件目標(biāo)，它將保存發(fā)生事件的目標(biāo)元素。所以，接下來我們就要想辦法改變事件過程來阻止這個(gè)行為。 在 《細(xì)說 jQuery 事件篇（三） - 事件傳播》 中提到了事件冒泡可能造成的弊端，當(dāng)時(shí)舉了 mouseout 的例子，對(duì)于 mouseout 這個(gè)特殊情況，我們可以用 hover 方法來解決，...
摘要：是如何決定由哪個(gè)元素來處理事件的，以及又是如何優(yōu)化處理這個(gè)問題的，這些都涉及到了事件傳播。事件冒泡的弊端事件冒泡可能會(huì)導(dǎo)致意料之外的行為，例如在響應(yīng)事件時(shí)，依舊是上例，當(dāng)為最外層的添加一個(gè)事件。使用方法可以避免事件傳播導(dǎo)致的問題。 Javascript 是如何決定由哪個(gè)元素來處理事件的，以及 jQuery 又是如何優(yōu)化處理這個(gè)問題的，這些都涉及到了事件傳播。 事件傳播策略 當(dāng)頁面內(nèi)...
摘要：添加全局函數(shù)所謂全局函數(shù)就是對(duì)象的方法，例如在一篇中介紹的等方法。 當(dāng)我們希望將一些功能性代碼重復(fù)使用，可以將其打包成一個(gè) jQuery 插件來使用。 使用 $ 別名 首先我們?cè)诰帉懖寮r(shí)必須保證 jQuery 庫已經(jīng)載入，但是我們不能保證 $ 一定可用，為了使用 $ 別名，我們可以利用 IIFE （Immediately Invoked Function Expression），...
閱讀 2661·2021-11-15 11:37
閱讀 2750·2021-09-23 11:21
閱讀 3038·2021-09-07 10:11
閱讀 3226·2019-08-30 15:53
閱讀 2891·2019-08-29 15:13
閱讀 1663·2019-08-26 13:57
閱讀 1161·2019-08-26 12:23
閱讀 2496·2019-08-26 11:51
