2016-12-19 4 views
1

リンクをクリックしたときにテキストを「保存中...」に変更したい場合は、ajaxを使用して採石場リセットを行い、 フォームを保存します。 1つは、私はテキストを正常に戻す必要がある要求を受け取ります。JavaScriptを使用してテキストを変更すると、クロムでは機能しません

Firefoxではうまく動作しますが、クロムではテキストが応答を受け取った後に変更されます。テキストを陳列するのに遅れがあります。

はコードの下に表示さあなたは.htmlを使用してテキストを変更する必要があります**成功機能で

function submitForm(frm, action) { 
    var performAction = true; 
    var isChange = false; 
    document.getElementById('saveButton').innerHTML = 'processing....'; 
    freezeWindow(); 
    if ((document.getElementById("primaryIframe") != null) && (action == "Save")) { 
    var frameId = 0; 
    functionSaveIframes(frameId, isChange); 
    } else { 
    if (performAction == true) { 
     sessionStorage.setItem('singlePage', 'false'); 
     window.open('www.google.com', '_self'); 
    } 
    } 
} 

function functionSaveIframes (frameId,isChange) { 

var iframes = {"0":"frame1","1":"frame2"}; 
var url = {"0":"/test/testPrimaryPostAction.do", 
      "1":"/test/test2PrimaryPostAction.do"}; 

     var iframe = document.getElementById(iframes[frameId]); 
     var doc = iframe.contentWindow.document; 
     var form = doc.forms[0]; 
     var isEdited = doc.forms[0].isEdited.value; 
     var formData = $(form).serializeArray(); 
     formData.push({name: 'fwdval', value: 'Save'}); 
     var myUrl = url[frameId]; 

     if(isEdited == 'true'){ 
     isChange=true; 
      $.ajax({ 
       type: "POST", 
       async: false, 
       cache: false, 
       url: myUrl, 
       data: formData, 
       success: function(data) { 
        doc.forms[0].isEdited.value = "false"; 
        frameId = frameId + 1 ; 
        if (frameId < 9) { 
        functionSaveIframes(frameId,isChange); 
        }else if (frameId == 9){ 
        reloadErrors(isChange); 
        } 
       }, 
       error: function(e){ 
         $("#freezeFrame").css("display","none"); 
         alert("error Saving Data in " + iframes[frameId] + "Please try again"); 
       } 
      }); 
     } 
     else{ 
      frameId = frameId + 1 ; 
      if (frameId < 9) { 
       functionSaveIframes(frameId,isChange); 
      } 
      else if (frameId == 9){ 
       reloadErrors(isChange); 
      } 
     } 
    } 
<li><a id="saveButton" href="javascript:submitForm(document.forms[0], 'Save');"><i class="fa fa-floppy-o" aria-hidden="true"></i> Save</a> 
</li> 
+0

こんにちはAnuradhaそれは私のためにうまく動作します。 –

+0

投稿したコードにAJAXリクエストがありません... [最小、完全で、検証可能な例]を作成してください(http://stackoverflow.com/help/)。 mcve)。 – qxz

+0

申し訳ありませんが、私はfunctionSaveIframes()をeariler投稿に追加できませんでした。私はコードを編集しました。ありがとう –

答えて

1

()** 以下の例をご確認ください。

+0

例を共有していただけますか?ここで私がしたいのは、一度ユーザーが保存をクリックすると、テキストを「処理中....」に変更することです。しかし、ここでの問題は、クロムの処理に変化がないということです。要求が応答を受け取ると変更されます。私たちがそのajaxの部分を追加するのに遅れがあります –

+1

http://codepen.io/venkatsoma/full/PbVpaV/ – VenkatSoma

+0

更新されたコードが私のために働いています。あなたのシステムをチェックインして、どのような種類のエラーが発生したか教えてください。 .. – VenkatSoma