隱藏按鈕並啓用另一個與AJAX

Question

我有一個頁面，我顯示一個模式2按鈕確認和另一個取消，如下面的代碼：在這種模式有一個DIV <div class = "resp"> </ div>這個div我得到一個頁面的響應PHP，我會隱藏這個模式中的2個按鈕，並且在接收到來自php頁面的響應後顯示另一個按鈕來關閉這個模式。我怎樣才能做到這一點？

<!-- Modal --> 
<div class="modal fade" id="md-default" tabindex="-1" role="dialog"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button " class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     </div> 
     <div class="modal-body"> 
      <div class="text-center"> 
       <div class="i-circle primary"><i class="fa fa-check"></i></div> 
       <h4>Confirma o envio?</h4> 
       <div class="resp"></div> 
       <p></p> 
      </div> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default btn-flat" data-dismiss="modal">Cancelar</button> 
      <button type="submit" class="btn btn-primary btn-flat enviar" >Sim</button> 
     </div> 
     </div> 
     <!-- /.modal-content --> 
    </div> 
    <!-- /.modal-dialog --> 
</div> 
<!-- /.modal --> 

我阿賈克斯

<script> 
    $('.formulario').submit(function() { 
     var form_data = new FormData(); 
     form_data.append('fileUploadAudio', $('input.fileUploadAudio').prop('files')[0]); 
     form_data.append('titulo', $('input.titulo').val()); 
     form_data.append('mensagem', $('textarea.mensagem').val()); 
     form_data.append('tipo_notificacao', $('input.tipo_notificacao').val()); 
     $.ajax({ 
      url: 'postar.php', // caminho para o script que vai processar os dados 
      type: 'POST', 
      data: form_data, 
      cache: false, 
      contentType: false, 
      processData: false, 
      success: function(response) { 
       $('.resp').html(response); 
      }, 
      error: function(xhr, status, error) { 
       alert(xhr.responseText); 
      } 
     }); 
     return false; 
    }); 
    </script> 

我的操作頁面 LINK

Answer 1

先舉一些id這兩個buttons像

<button type="button" class="btn btn-default btn-flat" data-dismiss="modal" id="cancelButton">Cancelar</button> 
<button type="submit" class="btn btn-primary btn-flat enviar" id="submitButton">Sim</button> 

ŧ在我們將這些buttons隱藏成功後添加新的button（改爲您的關閉button的HTML）。

$.ajax({ 
    url: 'postar.php', // caminho para o script que vai processar os dados 
    type: 'POST', 
    data: form_data, 
    cache: false, 
    contentType: false, 
    processData: false, 
    success: function(response) { 

     closeButton = '<button type="button" class="btn btn-default btn-flat" data-dismiss="modal" id = "closeButton">Close</button>' 
     $('#cancelButton').hide(); 
     $('#submitButton').hide(); 
     $('.resp').html(response); 
     $('.modal-footer').append(closeButton); 
    }, 
    error: function(xhr, status, error) { 
     alert(xhr.responseText); 
    } 
});