IEがjQuery Ajaxの成功を引き起こさない

Question

私は、jQueryを使用していくつかの画像asyncを読み込むためのスクリプトを作成しています。私は、Firefox、Webkitの（サファリ、クローム）でこれをテストしてきたし、それが動作

try{ 
    for(img in imgsArray){ 
     $.ajax({  
      async: false, 
      type: "get", 
      url:imgsArray[img], 
      success:function(imgFile){ 
       alert("success"); 
       //do something useful 
      }, 
      error:function(XMLHttpRequest,status,error){ 
       //do nothing 
      } 
     });//ajax 
    } 
} 
catch(e){ 
    //oops 
} 

- ここ

は、画像をロードする関数のコードスニペットです。

イメージはサーバー上のフォルダにあり、jQuery 1.3を使用しています。

任意のアイデア？

Answer 1

この問題の単純な修正は、jQueryの設定dataType : 'text'またはdataType : 'xml'またはdataType : 'json'または他の利用可能な応答タイプを提供することです。

私は同じ問題を抱えていましたが、データタイプの設定を。ajax呼び出し。

IEは実際にはインテリジェントなブラウザではなく、デフォルト値の文字列ではありません。

お試しください...幸運。

Answer 2

私はCharles Proxyを使って何が起こっているのかを確認することをお勧めします。レスポンスは何ですか？

また、例外がスローされる可能性があるので、Catchセクションにアラートを追加して何が起こるのを確認してください。

Answer 3

JSONP Webサービスで、私は過去数日間、IEとAJAXで同様の問題を抱えてきました。コード内の最小のエラーでさえ、すべてがIEで中断する可能性があります。

おそらく、Visual Web Developer ExpressまたはVisual Studioを使用してIEでページをデバッグするのが最も良い方法です。

How to debug JavaScript with Visual Web Developer Express

の指示に従ってください、多分AJAX要求の初めににブレークポイントを配置します。ここではそれを行う方法のチュートリアルです。

あまりにもこれらの事を試してみてください。エラーフィールドから「XMLHttpRequestの」を削除

• が、私は前にそれを使ったことがないし、私のコードは正常に動作します。
• jquery（1.3.2）の最新バージョンを使用していることを確認してください。

すぐにご利用いただけますようお願いいたします。

Answer 4

最後に、IEブラウザ用に別の機能を作成しなければなりませんでした。

コードのようなものに見えたので、目標は場所に画像をテストするためだった -

//get the images from the array 
for(img in imgsArray){ 

    if($.browser.msie){  
    /* DOM manipulation method */ 
    //IE has problems with ajax so try this instead 
    //create a new image object with unique ID 
    var testImg = $("<img/>"); 
    var imgID = "imgID"+img; 

    //hide it.. 
    testImg .css({ "visibility":"hidden" }); 
    testImg .attr("src",imgsArray[img]); 
    testImg .attr("id",imgID); 

    //.. and insert it into the DOM or else test will always fail 
    //because it does not exist as far as browser is concerned 
    $("body").append(testImg); 

    //test for image 
    if(document.getElementById(imgID).width > 60){ 
     //do something useful 
    } 
} 

それは本当に私の質問への答えではないが、それは周りの機能的なワークだが。

Answer 5

私は同様の問題がありました。リクエストが成功したとしてもIEが応答を解析できない場合、IEが失敗を引き起こすように見えるので、イメージをリクエストしている場合エラーブロック内のxhr.statusが200です。

FFの成功ブロックと "if（xhr.status == 200）"という条件でラップされたエラーブロックに「成功」​​機能がスタックされました。

Answer 6

キャッシュされたオプションをfalseに設定してみてください。

Answer 7

入力チェックを使用する場合は、「選択済み」として選択肢がある場合は、このパラメータをajax関数に渡さないでください。

Answer 8

クロスブラウザをサポートするには、次のタグを使用してください。

$ .support.cors = true;

Answer 9

セット 'キャッシュ：false' にアヤックスコンフィグ内部は私の作品:)

Answer 10

あなたの成功があるとします。このため

Success: function (data) { 
        if (data != null) { 
         alert(data); 
         ; 
        } 
       }, 

変更：

success: function (data, textStatus, XMLHttpRequest) { 
       alert(data.d); 
      } 

Answer 11

することができますもう一つはJohn Saundersのソリューションと同じように、jsonの代わりにコンテンツタイプとして "jsonp"を試してみてください - jsonデータタイプの期待される応答。私はバグを取り除くためにIEでこれを試しなければなりませんでした。これは、IE以外の他のすべてのブラウザで動作する通常のコードでした。

$.ajax({ 
    url: request_url, 
    data: { var1: 'stuff' }, 
    dataType: "jsonp", 
    type: "get", 
    async: true, 
    cache: false, 
    success: function(collections) { 
     // handle result 
    } 
}); 

乾杯：

はここで働いていた私のコードです。

Answer 12

私はこの問題に似た問題を抱えていました。上記の答えは私の多くの問題を解決しました。しかし、もう1つ必要なことがあります。私はあなたがすでにフィドラーでの応答を見てきましたと推定

$.ajax({..., 
success: myfunc,...}); 

使用

$.ajax({..., 
success: myfunc(),...});