jQueryのloadのcallbackが変な動作

質問

jQueryのloadメソッドでCallBackが成功しているにも関わらず失敗する場合があります・・・対象方法が全くわからないのでご教示願えませんでしょうか？
【A.html】
<script type="text/javascript" src="jquery-1.4.1.min.js"></script>
<table>
<tr>
<td><div id = "target_1"><div id = "target_2"></td>
</tr>
</table>

<script type="text/javascript">
$.ajaxSetup({ cache: false });

var xmlHttp;

xmlHttp = new XMLHttpRequest();
xmlHttp.open("GET", "A.html", false);
xmlHttp.send(null);

alert(xmlHttp.responseText);

$(document).ready(function(){
$("#target_1").load("a.txt .tag", function(Text, status) {
if ($("#target_1").text() == "あああ") {
$("#target_1").replaceWith("<img src = 'a.png'>");
else if ($("#target_1").text() == "いいい")
$("#target_1").replaceWith("<img src = 'b.png'>");

alert( "text: " + Text + "\nstatus: " + status );
});

$(document).ready(function(){
$("#target_1").load("a.txt .tag", function(Text, status) {
if ($("#target_1").text() == "あああ") {
$("#target_2").load("a.txt .5tag");★
else if ($("#target_1").text() == "いいい")
$("#target_2").load("a.txt .5tag");★

alert( "text: " + Text + "\nstatus: " + status );
});

});

問題は★印が付いているところの処理です。
アラートではSUCCESSになるのですが、なぜかロードが失敗する時があります。
割合としては10回に1回程度で1回発生するとブラウザの再起動をしない限り二度とロードができなくなります。
原因は何がいけないのでしょうか？

回答No.1

bornless · ベストアンサー

なぜ$(document).readyが2つあるのでしょう？
そして、なぜそれぞれの$(document).readyの中で$("#target_1").loadを処理しているのでしょうか。
下記のような感じで1つにまとめてみたらいいんじゃないでしょうか。
試していないのでわかりませんが、2つの$(document).ready、$("#target_1").loadの呼びだされるタイミングがシビアになっていて時々エラーが起きているのではないでしょうか。

$(document).ready(function(){
　　$("#target_1").load("a.txt .tag", function(Text, status) {
　　　　if ($("#target_1").text() == "あああ") {
　　　　　　$("#target_2").load("a.txt .5tag");
　　　　　　$("#target_1").replaceWith("<img src = 'a.png'>");
　　　　else if ($("#target_1").text() == "いいい") {
　　　　　　$("#target_2").load("a.txt .5tag");
　　　　　　$("#target_1").replaceWith("<img src = 'b.png'>");
}
　　　　alert( "text: " + Text + "\nstatus: " + status );
});

お礼

ありがとうございます。大変参考になる意見ありがとうございました。

回答No.3

fujillin

解決したのかどうかわかりませんが…

＞問題は★印が付いているところの処理です。
＞アラートではSUCCESSになるのですが、なぜか
＞ロードが失敗する時があります
SUCSESSになっているのは、★印の処理ではなくその前の通信結果でしょう。
まずは、対象としている処理のstatusに何が返るのか（返らないのか）を確認なさってはいかがでしょうか。

その前に、
　if (Ａ) {
　　　処理1
　else if (Ｂ)
　　　処理2
　alert( ～ );
の構文になっていますが、Ａ、Ｂに該当しない場合（処理が実行されない）可能性はないのでしょうか？
どのルートを通っているかの確認もなさったほうが良いのでは？

また、上記（質問文に記載の）コードだと「{」に対応する「}」が見当たらないので、エラーになっている可能性も…
（単なるタイポかな）

お礼

ありがとうございます。大変参考になる意見ありがとうございました。

回答No.2

bornless

すいません、さっきの回答ですがコードのインデントに全角スペース使ってるので、適宜半角スペースに置き換えてください

お礼

ありがとうございます。大変参考になる意見ありがとうございました。