Skip to main content
conteúdo editado; título editado
Fonte Link
Wallace Vizerra
  • 107,4mil
  • 106
  • 440
  • 920

Duvida Dúvida sobre ajax

Minha duvidadúvida está em saber se este meu codigo está correto.

Duvida sobre ajax

Minha duvida está em saber se este meu codigo está correto.

Dúvida sobre ajax

Minha dúvida está em saber se este meu codigo está correto.

Fonte Link
Renan Rodrigues
  • 3,8mil
  • 12
  • 48
  • 94

Duvida sobre ajax

Minha duvida está em saber se este meu codigo está correto.

$(document).ready(function(){
                $("#fechar").click(function(e){
                  e.preventDefault();
                  String lista_Cont = $(this).attr('<?php include "listaUsuario2.php";?>');
                  $("#lista").load(this.lista_Cont);
                });
            });

A função dele é, quando eu fechar o modal, onde eu utilizado para cadastrar um novo usuário, ele recarregue o conteúdo atualizado novamente, porem é na mesma pagina onde já esta.

Eu tenho uma pagina de Admin, onde eu clico em cadastrar e vou em usuários, o sistema em Ajax retorna apenas o conteúdo do meio alterado, neste conteúdo vem o código onde eu listo todos os usuários já cadastrados e dou a opção de cadastrar novo usuário, caso seja escolhida, esta opção abre um modal, onde eu cadastro novo Usuário, porem este modal continua aberto, e quando fecho ele, a pagina não está atualizada. Preciso que quando eu fechar ele já atualize a seção para min, e me possibilite ver os usuários novos cadastrados imediatamente.

MEU CODIGO COMPLETO:

<script type="text/javascript">
  $(document).ready(function(){
                $("#fechar").click(function(e){
                  e.preventDefault();
                  String lista_Cont = $(this).attr('<?php include "listaUsuario2.php";?>');
                  $("#lista").load(this.lista_Cont);
                });
            });


    jQuery(document).ready(function(){
            jQuery('#cadUsuario').submit(function(){
                var dados = jQuery( this ).serialize();

                jQuery.ajax({
                    type: "POST",
                    url: "salvarUsuario.php",
                    data: dados,
                    success: function( data )
                    {
                        alert( data );
                    }
                });

                return false;
            });
        }); 

</script>
<div class = "conteudo">
                <div class="container-fluid">
                    <div align="left" id="inserir">
                        <button type="button" class="btn btn-default btn-lg" data-toggle="modal" data-target="#myModal">
                            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Inserir
                        </button>
                    </div>

                                <!-- Listar Usuarios -->
                <legend>Úsuarios Cadastrados</legend>
                <div id="lista">
                <?php include "listaUsuario2.php";?>
                </div>
                    
                </div>
                <!-- Fim listar Usuarios -->
            
</div> <!-- FECHA CONTEUDO -->

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Novo Úsuario</h4>
      </div>
    <div class="modal-body">            
        <div align="center">
            <form class="form-horizontal" action="" method="post" id="cadUsuario">
            <fieldset>

                    <!-- Text input-->
                    <div class="control-group">
                      <label class="control-label" for="TXT_NOMEX_USUAR"></label>
                      <div class="controls">
                        <input id="TXT_NOMEX_USUAR" name="TXT_NOMEX_USUAR" type="text" placeholder="Nome" class="input-large">
                        
                      </div>
                    </div>

                    <!-- Text input-->
                    <div class="control-group">
                      <label class="control-label" for="TXT_ENDER_EMAIL"></label>
                      <div class="controls">
                        <input id="TXT_ENDER_EMAIL" name="TXT_ENDER_EMAIL" type="text" placeholder="Email" class="input-xlarge">
                        
                      </div>
                    </div>

                    <!-- Password input-->
                    <div class="control-group">
                      <label class="control-label" for="TXT_SENHA_USUAR"></label>
                      <div class="controls">
                        <input id="TXT_SENHA_USUAR" name="TXT_SENHA_USUAR" type="password" placeholder="Senha" class="input-small"> 
                      </div>
                    </div>
                    <br>
                    <br>          
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal" id="fechar">Fechar</button>
                    <button type="submit" class="btn btn-primary" id="botao_cadUsuario">Salvar</button>
                </div>
            </fieldset>
            </form>
        </div>
      </div>
    </div>
  </div>
</div>