javascript - 使用 javascript 更改文本在 Chrome 中不起作用

Question

我想在单击链接时将文本更改为“保存...”，然后我使用ajax，查询重置来保存表单。当我收到请求时，我需要将文本更改回正常状态。

在 Firefox 中工作正常，但在 Chrome 中，一旦收到响应，文本就会发生变化。更改文本存在延迟。

查看我的代码:

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>

Answer 1

**在 Success Function 中，您需要使用 .html() 更改文本 **请检查下面的示例。