ボタンを非表示にしてAjaxで別のものを有効にする

Question

次のコードのように、私はモーダル2ボタンを表示して別のキャンセルを表示するページを持っています：このモーダル内にはDIV <div class = "resp"> </ 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

まず

<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> 

Tのように、これらの2 buttonsにいくつかのidを与えますクローズドbuttonのHTMLを変更してください）を成功の関数に隠してから、buttonを追加してください。

$.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); 
    } 
});