javascript
ajax加载对应的json,jQuery:多个AJAX/JSON请求对应单个回调并行加载
因為我們使用jQuery,這意味著需要調用?jQuery.getScript?和 jQuery.getJSON 函數。 我知道這些函數都是異步執行(asyncronously)并且會延遲一段時間返回,所以我想知道是否有一種方式,使我可以使用單個回調,并行地加載它們,就像JS加載器?curljs?所做的那樣。 很幸運! 通過jQuery.when, 我可以并發地加載兩個請求,只執行一次回調!
jQuery 腳本
正如我提到的,下面是加載腳本和一個JSON資源的用例:
$.when(
$.getScript('/media/js/wiki-min.js?build=21eb633'),
$.getJSON('https://developer.mozilla.org/en-US/demos/feeds/json/featured/')
).then(function(a, b) { // 或者也可以使用 ".done"
// Yay, 加載完成,此處我們可以執行一些依賴操作。。。
});
當資源加載完成, 指定的?done?或者?then?回調會觸發,因此可以知道請求已經完成。 每個請求返回的回調參數對象類型不同,因此上述請求可能返回如下信息:
// 格式: [response, state, jqxhr], [response, state, jqxhr]
["(function(c){var e=c(".from-search-navigate");if(e…;if(j){g.apply(m,l)}}}})(window,document,jQuery);", "success", Object]
[Array[15], "success", Object]
如果還需要增加一個傳統的AJAX XHR請求,比如說一個小部件模板,我們可以這樣做:
$.when(
$.getScript('/media/js/wiki-min.js?build=21eb633'),
$.getJSON('https://developer.mozilla.org/en-US/demos/feeds/json/featured/'),
$.get('/')
).then(function(a, b, c) {
console.log(a, b, c);
});
Dojo Toolkit很早就有此類功能了,但jQuery也可以這么做我還是相當振奮的。 對于現在的開發,多個不同步且返回先后順序也不確定的請求共享同一個回調是很自然的需求,所以jQuery絕對是與時俱進的!
jQuery:多個AJAX/JSON請求對應單個回調
原文鏈接:jQuery: Multiple AJAX and JSON Requests, One Callback 原文日期: 2014年4月15日 翻譯日期: 2014年4月22日 翻譯人員: 鐵 ...
jQuery:多個AJAX/JSON請求相應單個回調
原文鏈接:jQuery: Multiple AJAX and JSON Requests, One Callback 原文日期: 2014年4月15日 翻譯日期: 2014年4月22日 翻譯人員: 鐵 ...
jquery+html三級聯動下拉框及詳情頁面加載時的select初始化問題
html寫的三個下拉框,如下:
玩轉Web之Json(二)----jquery easy ui + Ajax +Json+SQL實現前后臺數據交互
最近在學Json,在網上也找過一些資料,覺得有點亂,在這里,我以easy ui的登錄界面為例來說一下怎樣用Json實現前后臺的數據交互 使用Json,首先需要導入一些jar包,這些資源可以在網上下載到 ...
jQuery加載外部文件的方式get、post、ajax、load的區別及異步加載的實現
一.$.post(url, [data], [callback], [type])? url (String) : 發送請求的URL地址. data (Map) : (可選) 要發送給服務器的數據,以 ...
使用 jQuery Ajax 在頁面滾動時從服務器加載數據
簡介 文本將演示怎么在滾動滾動條時從服務器端下載數據.用AJAX技術從服務器端加載數據有助于改善任何web應用的性能表現,因為在打開頁面時,只有一屏的數據從服務器端加載了,需要更多的數據時,可以隨著用 ...
將jquery和公共樣式緩存到localStorage，可以減少Http請求，從而優化頁面加載時間
以下代碼: //入口函數 if (window.localStorage) { initJs(); initCss("css", "/gfdzp201508257998/ ...
jQuery+ajax實現滾動到頁面底部自動加載圖文列表效果
.0" en ...
常用SQL語句集合
一.數據定義?1.創建新數據庫:CREATE DATABASE database_name2.創建新表:CREATE TABLE table_name (column_name datatype,co ...
洛谷 P3953 逛公園
題目鏈接 思路 首先沒有0邊,且k為0的情況就是最短路計數. 如果k不為0,看到k<=50,想到dp. 設f[u][i]表示到達u點比最短路多走i的路徑數,轉移到v點. f[u][i]+=f[v ...
Ubuntu16.04下通過tar.gz包安裝MySQL5.5.52
1.下載? tar.gz包 :?https://dev.mysql.com/downloads/mysql/ 2. // 安裝依賴 sudo apt-get install libaio-dev // ...
Django中使用django_debug_toolbar
一 概述 django_debug_toolbar 是django的第三方工具包,給django擴展了調試功能.?包括查看執行的sql語句,db查詢次數,request,headers,調試概覽等. ...
JDK 之 Java Bean 內省機制
JDK 之 Java Bean 內省機制 JDK 規范目錄(https://www.cnblogs.com/binarylei/p/10200503.html) JavaBean 是一種特殊的 Jav ...
新人創作打卡挑戰賽發博客就能抽獎！定制產品紅包拿不停！總結
以上是生活随笔為你收集整理的ajax加载对应的json,jQuery:多个AJAX/JSON请求对应单个回调并行加载的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： mysql and 优化_MySQL 优
- 下一篇： java 动态加载控件_JS动态添加节点