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

我的Ajax

<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

首先给这两个"psr-4": { "App/Models\\": "app/models" }提供一些"psr-4": { "App\\Models\\": "app/models" }

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关闭的HTML。）

button

隐藏按钮和使用ajax启用另一个

1 个答案: