質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

3回答

1979閲覧

jQuery.deferredで「どれか1つでも成功したら」を実現する

deigo

総合スコア200

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2018/03/28 03:08

非同期にサーバにリストを取りにいき、
取得できたら画面に描画する処理を実装しています。
1つでも表示できたらそのフィールドのタイトルを表示したいのですが、
jQuery.deferredで実装する場合どのような手段があるでしょうか。
ご教示お願いいたします。

現在下記のように実装していますが、これは期待通りの動作はしません。
$.when()で動かした場合、1つでもrejectされたらfail()が実行されるためです。
一応resolveとreject、doneとfailを逆に扱えば実現は可能ですが、
可読性が著しく悪いのと、異常事態に対処できない気がするので別の手を捜しているところです。

javascript

1 var arrFunc = []; 2 for (var i=0; i<p.length; i++) { 3 4 var promise = function(){ 5 6 var deferred = $.Deferred(); 7 8 $.ajax({ 9 data:data, 10 url:"url://", 11 method:"POST", 12 dataType:"json", 13 }).done(function(list){ 14 15 if(!list.length) { 16 deferred.reject(); 17 return; 18 } 19 20 /*処理*/ 21 22 deferred.resolve(); 23 }) 24 .fail(function(){ 25 deferred.reject(); 26 }); 27 28 return deferred.promise(); 29 30 }; 31 arrFunc.push(promise()); 32 } 33 34 // 実行 35 $.when.apply(null, arrFunc) 36 .done(function(){ 37 // 1つでも成功したらここを通りたい 38 }) 39 .fail(function(){ 40 // 全部失敗したらここを通りたい 41 });

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答3

0

ベストアンサー

whenAnyを作ってみるとか。

JavaScript

1$.extend({ 2 whenAny: function(promises) { 3 var deferred = $.Deferred(); 4 var cnt = 0; 5 6 for (var i = 0; i < promises.length; i++) { 7 promises[i].done(function() { 8 deferred.resolve(arguments); 9 }).fail(function() { 10 if (++cnt === promises.length) { 11 deferred.reject(arguments); 12 } 13 }); 14 } 15 16 return deferred.promise(); 17 } 18});

投稿2018/03/28 05:26

x_x

総合スコア13749

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

deigo

2018/03/28 07:26

回答ありがとうございます。 ご提示いただいた方法で実現できました。
guest

0

既に解決済みで、あと要件とも少しズレてしまいますが^^
Aigleという非同期ライブラリを使った回答例です。
deferredというかPromiseです。(なのでjQueryはv3となります)
あとawait/async使っているのでbabel推奨です。
条件多くてごめんなさい。

Aigleについて
https://github.com/suguru03/aigle
Async/Await + 同期関数の非同期関数化

js

1import $ from 'jquery' 2import "aigle/aigle-es5.min.js" 3import Aigle from 'aigle/lib/aigle' 4 5$(async function(){ 6 /** 7 * 一つでも成功していたらtrue / すべて失敗していたら false 8 * @type {boolean} 9 */ 10 const isAny = await Aigle.resolve( [ 11 //成功URLと失敗URLいろいろ入れて検証してみてください 12 'http://api.example.com/', 13 'http://api.example.com/', 14 'http://api.example.com/',  15 'http://api.example.com/', 16 'http://api.example.com/', 17 ]) 18 //Promiseにくるむ 19 .map( url => () => $.ajax( url ) ) 20 //someで実行していき、一つでも成功したらtrue返す 21 .some( async p => await p() ) 22 //エラーを捕捉したらfalseを返す 23 .catch( err => false); 24 25 if( isAny ){ 26 //一つでも成功していたらここ通る 27 }else{ 28 //全部失敗したらここを通る 29 } 30});

投稿2018/03/28 08:10

編集2018/03/29 02:20
so87

総合スコア764

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

全部失敗したらここを通りたい

は、ちょっと面倒かもしれないですね
普通1つでも失敗したら失敗ですから

とりあえずallwaysでどちらのルートを通ってきたかで処理をかえてみては?

投稿2018/03/28 03:37

yambejp

総合スコア114585

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問