###前提・実現したいこと
xmlファイルからsrc属性の値を取得してきて、その画像が読み込めなかった時に何らかの処理を行うというコードを下記のように記述しました。
取得してきたsrcについて一つ一つ処理を行いたいのですが、「img.onerror」の部分が非同期処理であるため、思うような処理ができません。
img.onerror内の処理が終了するのを待ってから、次のループを回すということを行いたいのですが、どのように記述したらよいでしょうか?
何かご回答を頂けると助かります_(..)
###該当のソースコード
javascript
1$.ajax({ 2 url: "xml/img.xml", 3 type: "GET", 4 dataType: "xml", 5 timeout: 1000, 6 error: function(){ 7 alert("ロード失敗"); 8 }, 9 success: function(xml){ 10 $(xml).find('img').each(function(){ 11 var img = new Image; 12 var src = $(this).attr('src'); 13 img.src = src; 14 img.onerror = function(){ 15 //画像読み込みエラー時の処理 16 } 17 }); 18 } 19})
xml
1<?xml version="1.0" encoding="UTF-8"?> 2<pic> 3 <img src="assets/hoge.png" /> 4 <img src="assets/fuga.png" /> 5 <img src="assets/piyo.png" /> 6</pic> 7
回答2件
あなたの回答
tips
プレビュー