2016-08-20 3 views
0

loading imageと処理を表示したいhtmlページがあります。保存とその成功のためにajax callです。 そしてそのページ私はwebresourseとして力学CRMを入れました。ajax呼び出しの画像を読み込んでもクロムで機能しない

問題は、mozilafirefoxではローディングが正常に機能しますが、 クロムでは機能しないという問題です。

スクリプト:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 

その他のコード:

<img src="sm_loading.gif" id="loading" style="display:none" /> 
<input class="custom-btn" id="btnsave" value="Save" onclick="SaveData();" type="button"> 
function SaveData() { 
    $('#loading').show(); 
    var stocktrack = {}; 
    stocktrack.sm_Description = descval; 
    var jsonPO = window.JSON.stringify(stocktrack); 
    var oDataUri = serverUrl + "/XRMServices/2011/OrganizationData.svc/sm_stocktrackingSet"; 
    $.ajax({ 
     type: "POST", 
     contentType: "application/json; charset=utf-8", 
     datatype: "json", 
     url: oDataUri, 
     data: jsonPO, 
     async: false, 
     beforeSend: function (XMLHttpRequest) { 
      XMLHttpRequest.setRequestHeader("Accept", "application/json"); 
     }, 
     success: function (data, textStatus, XmlHttpRequest) { 
      debugger; 
      $('#loading').hide(); 
     }, 
     error: function (XMLHttpRequest, textStatus, errorThrown) { 
      alert(textStatus); 
     } 
    }); 
} 

任意の解決策がある場合にお勧めしてください。

+0

エラーの説明を表示してください。 –

+0

こんにちはArmen、コンソールにエラーはありません。そして、私がそれを隠さなければ、正常に画像を保存した後、全体の機能手段を完了した後に表示されます。解決策を見つけるのはとても紛らわしいものです。 –

+0

こんにちは、 'ネットワーク'パネルに移動してみてください。スクリプトでページをリロードします。 –

答えて

0

Firefoxでコードを実行していました。私はまた、あなたが言ったように、クロムの中を走って何も得られませんでした。しかし、F12を使用してChromeでデバッガをオンにすると、次のエラーが発生します。

メインスレッド上の同期XMLHttpRequestは、エンドユーザーの経験に有害な影響を与えるため、非推奨です。詳細についてはhttps://xhr.spec.whatwg.org/をご確認ください。

このセットを修正するには、ajaxコール内のasyncフラグをtrueに設定します。

非同期呼び出し中にユーザーが押したままにしておきたい場合(完全に理解できる)には、透明なブロックレイヤーを使用することをお勧めします。

+0

Thanx..itが動作します。私は他のajax呼び出し(ajaxのネストされた呼び出し)の成功で1つのajax呼び出しを使用したい場合、私は非同期falseが必要です。あなたはそれのための解決策を持っていますか? –

0

ローディングパネルのみを非同期で動作:真、それだけでFirefoxや他のほとんどのブラウザ上で動作する賢明な他の は積載パネルを表示しません。 しかし、非同期のfalseでは、成功とエラー以外のコード(コールバック関数)はすべて実行されます。

+0

この回答を明確にしてください。 – mayersdesign

関連する問題