Skip to main content
Correção na formatação do código, revisão ortográfica
Fonte Link

Galera, meu sistema é o seguinte:

  • No formulário de cadastro chamo uma janela modalmodal que é a mesma paginapágina de listar itens cadastrados.

  • Na hora que clico no submitsubmit do formform ele envia para meu banco de dados beleza e fecha o modalmodal.

Porém, para mimeu ver a mudança na tela, é necessário dar um refreshrefresh na página. Como posso clicar no submitsubmit e ao mesmo tempo dar um refreshrefresh na página?

Tentei assim, maismas ficou dando refreshrefresh direto!

<script type="text/javascript">
  var timeout = setTimeout("location.reload(true);",2000);
  function resetTimeout() {
    clearTimeout(timeout);
    timeout = setTimeout("location.reload(true);",2000);
  }
</script> 
 <button type="submit" class="btn btn-default" onclick="resetTimeout()">Cadastrar</button>

<script type="text/javascript">
  var timeout = setTimeout("location.reload(true);",2000);
  function resetTimeout() {
    clearTimeout(timeout);
    timeout = setTimeout("location.reload(true);",2000);
  }
</script> 
<button type="submit" class="btn btn-default" onclick="resetTimeout()">Cadastrar</button>

<!--Butao adicionar -->
<button href="#my-modal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">+ Adicionar</button>
<!-- 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-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Adicionar G&aacute;s </h4>
      </div>
      <div class="modal-body">
        <form method="post" action="" id="quick-post-form" enctype="multipart/form-data">
          <div class="form-group">
            <label>Nome</label>
            <input class="form-control" name="Nome">
          </div>
          <div class="form-group">
            <label>Pre&ccedil;o</label>
            <input class="form-control" name="preco">
          </div>
          <div class="form-group">
            <label> </label>
          </div>
          <div class="form-group">
            <label>Imagem</label>
            <input type="file" name="image-uploader" id="img-upload">
            <img height="80" width="80" id="image-preview" src="" style="display:none;">
            <input type="hidden" name="operacao" value="normal">
          </div>
          <div class="form-group">
            <label></label>
          </div>
          <button type="submit" class="btn btn-default">Enviar</button>
          <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<!-- /.modal -->

<!--Butao adicionar -->
<button href="#my-modal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">+ Adicionar</button>
<!-- 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-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Adicionar G&aacute;s </h4>
      </div>
      <div class="modal-body">
        <form method="post" action="" id="quick-post-form" enctype="multipart/form-data">
          <div class="form-group">
            <label>Nome</label>
            <input class="form-control" name="Nome">
          </div>
          <div class="form-group">
            <label>Pre&ccedil;o</label>
            <input class="form-control" name="preco">
          </div>
          <div class="form-group">
            <label> </label>
          </div>
          <div class="form-group">
            <label>Imagem</label>
            <input type="file" name="image-uploader" id="img-upload">
            <img height="80" width="80" id="image-preview" src="" style="display:none;">
            <input type="hidden" name="operacao" value="normal">
          </div>
          <div class="form-group">
            <label></label>
          </div>
          <button type="submit" class="btn btn-default">Enviar</button>
          <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<!-- /.modal -->

Galera, meu sistema é o seguinte:

  • No formulário de cadastro chamo uma janela modal que é a mesma pagina de listar itens cadastrados.

  • Na hora que clico no submit do form ele envia para meu banco de dados beleza e fecha o modal.

Porém para mim ver a mudança na tela é necessário dar um refresh na página. Como posso clicar no submit e ao mesmo tempo dar um refresh na página?

Tentei assim, mais ficou dando refresh direto!

<script type="text/javascript">
  var timeout = setTimeout("location.reload(true);",2000);
  function resetTimeout() {
    clearTimeout(timeout);
    timeout = setTimeout("location.reload(true);",2000);
  }
</script> 
 <button type="submit" class="btn btn-default" onclick="resetTimeout()">Cadastrar</button>

<!--Butao adicionar -->
<button href="#my-modal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">+ Adicionar</button>
<!-- 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-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Adicionar G&aacute;s </h4>
      </div>
      <div class="modal-body">
        <form method="post" action="" id="quick-post-form" enctype="multipart/form-data">
          <div class="form-group">
            <label>Nome</label>
            <input class="form-control" name="Nome">
          </div>
          <div class="form-group">
            <label>Pre&ccedil;o</label>
            <input class="form-control" name="preco">
          </div>
          <div class="form-group">
            <label> </label>
          </div>
          <div class="form-group">
            <label>Imagem</label>
            <input type="file" name="image-uploader" id="img-upload">
            <img height="80" width="80" id="image-preview" src="" style="display:none;">
            <input type="hidden" name="operacao" value="normal">
          </div>
          <div class="form-group">
            <label></label>
          </div>
          <button type="submit" class="btn btn-default">Enviar</button>
          <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<!-- /.modal -->

  • No formulário de cadastro chamo uma janela modal que é a mesma página de listar itens cadastrados.

  • Na hora que clico no submit do form ele envia para meu banco de dados beleza e fecha o modal.

Porém, para eu ver a mudança na tela, é necessário dar um refresh na página. Como posso clicar no submit e ao mesmo tempo dar um refresh na página?

Tentei assim, mas ficou dando refresh direto!

<script type="text/javascript">
  var timeout = setTimeout("location.reload(true);",2000);
  function resetTimeout() {
    clearTimeout(timeout);
    timeout = setTimeout("location.reload(true);",2000);
  }
</script> 
<button type="submit" class="btn btn-default" onclick="resetTimeout()">Cadastrar</button>
<!--Butao adicionar -->
<button href="#my-modal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">+ Adicionar</button>
<!-- 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-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Adicionar G&aacute;s </h4>
      </div>
      <div class="modal-body">
        <form method="post" action="" id="quick-post-form" enctype="multipart/form-data">
          <div class="form-group">
            <label>Nome</label>
            <input class="form-control" name="Nome">
          </div>
          <div class="form-group">
            <label>Pre&ccedil;o</label>
            <input class="form-control" name="preco">
          </div>
          <div class="form-group">
            <label> </label>
          </div>
          <div class="form-group">
            <label>Imagem</label>
            <input type="file" name="image-uploader" id="img-upload">
            <img height="80" width="80" id="image-preview" src="" style="display:none;">
            <input type="hidden" name="operacao" value="normal">
          </div>
          <div class="form-group">
            <label></label>
          </div>
          <button type="submit" class="btn btn-default">Enviar</button>
          <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<!-- /.modal -->

Galera, meu sistema eé o seguinte:

No formulário de cadastro chamo uma janela modal que, e que é a mesma pagina de listar itens cadastrado

na hora que clico no submit do form ele envia para meu banco de dados blz e fecha o modal.

  • No formulário de cadastro chamo uma janela modal que é a mesma pagina de listar itens cadastrados.

  • Na hora que clico no submit do form ele envia para meu banco de dados beleza e fecha o modal.

poremPorém para mim ver a mudança na tela é necessário eu dar um refresh na pagina

alguem tem uma ideia de comopágina. Como posso clicar no submit e ao mesmo tempo dar um refresh na paginapágina?

Tentei assim, mais ficou dando refresh direto!

   <!--Butao adicionar -->
                            <button href="#my-modal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">+ Adicionar</button>
                          
                        
                            <!-- 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-hidden="true">&times;</button>
                            <h4 class="modal-title" id="myModalLabel">Adicionar G&aacute;s </h4>
                            </div>
                            <div class="modal-body">
                            <form method="post" action="" id="quick-post-form" enctype="multipart/form-data">
                            <div class="form-group">
                            <label>Nome</label>
                            <input class="form-control" name="Nome">
                            </div>
                            <div class="form-group">
                            <label>Pre&ccedil;o</label>
                            <input class="form-control" name="preco">
                            </div>
                            <div class="form-group">
                            <label> </label>
                           </div>
                            <div class="form-group">
                            <label>Imagem</label>
                            <input type="file" name="image-uploader" id="img-upload">
                                           <img height="80" width="80" id="image-preview" src="" style="display:none;">
 
                                             <input type="hidden" name="operacao" value="normal">
                                        </div>
                                        <div class="form-group">
                                            <label></label>
                                        </div>
                                        <button type="submit" class="btn btn-default">Enviar</button>
                                          <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>

 
                                    </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
 
                                        </div>
                                    </div>
                                    <!-- /.modal-content -->
                                </div>
                                <!-- /.modal-dialog -->
                            </div>
                            <!-- /.modal -->

Galera meu sistema e o seguinte:

No formulário de cadastro chamo uma janela modal que, e que é a mesma pagina de listar itens cadastrado

na hora que clico no submit do form ele envia para meu banco de dados blz e fecha o modal.

porem para mim ver a mudança na tela é necessário eu dar um refresh na pagina

alguem tem uma ideia de como posso clicar no submit e ao mesmo tempo dar um refresh na pagina

Tentei assim mais ficou dando refresh direto!

   <!--Butao adicionar -->
                            <button href="#my-modal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">+ Adicionar</button>
                          
                        
                            <!-- 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-hidden="true">&times;</button>
                            <h4 class="modal-title" id="myModalLabel">Adicionar G&aacute;s </h4>
                            </div>
                            <div class="modal-body">
                            <form method="post" action="" id="quick-post-form" enctype="multipart/form-data">
                            <div class="form-group">
                            <label>Nome</label>
                            <input class="form-control" name="Nome">
                            </div>
                            <div class="form-group">
                            <label>Pre&ccedil;o</label>
                            <input class="form-control" name="preco">
                            </div>
                            <div class="form-group">
                            <label> </label>
                           </div>
                            <div class="form-group">
                            <label>Imagem</label>
                            <input type="file" name="image-uploader" id="img-upload">
                                           <img height="80" width="80" id="image-preview" src="" style="display:none;">
 
                                             <input type="hidden" name="operacao" value="normal">
                                        </div>
                                        <div class="form-group">
                                            <label></label>
                                        </div>
                                        <button type="submit" class="btn btn-default">Enviar</button>
                                          <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>

 
                                    </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
 
                                        </div>
                                    </div>
                                    <!-- /.modal-content -->
                                </div>
                                <!-- /.modal-dialog -->
                            </div>
                            <!-- /.modal -->

Galera, meu sistema é o seguinte:

  • No formulário de cadastro chamo uma janela modal que é a mesma pagina de listar itens cadastrados.

  • Na hora que clico no submit do form ele envia para meu banco de dados beleza e fecha o modal.

Porém para mim ver a mudança na tela é necessário dar um refresh na página. Como posso clicar no submit e ao mesmo tempo dar um refresh na página?

Tentei assim, mais ficou dando refresh direto!

<!--Butao adicionar -->
<button href="#my-modal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">+ Adicionar</button>
<!-- 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-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Adicionar G&aacute;s </h4>
      </div>
      <div class="modal-body">
        <form method="post" action="" id="quick-post-form" enctype="multipart/form-data">
          <div class="form-group">
            <label>Nome</label>
            <input class="form-control" name="Nome">
          </div>
          <div class="form-group">
            <label>Pre&ccedil;o</label>
            <input class="form-control" name="preco">
          </div>
          <div class="form-group">
            <label> </label>
          </div>
          <div class="form-group">
            <label>Imagem</label>
            <input type="file" name="image-uploader" id="img-upload">
            <img height="80" width="80" id="image-preview" src="" style="display:none;">
            <input type="hidden" name="operacao" value="normal">
          </div>
          <div class="form-group">
            <label></label>
          </div>
          <button type="submit" class="btn btn-default">Enviar</button>
          <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
appended answer 176746 as supplemental
Fonte Link
Maniero
  • 484,4mil
  • 94
  • 1,3mil
  • 2,2mil

   <!--Butao adicionar -->
                            <button href="#my-modal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">+ Adicionar</button>
                          
                        
                            <!-- 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-hidden="true">&times;</button>
                            <h4 class="modal-title" id="myModalLabel">Adicionar G&aacute;s </h4>
                            </div>
                            <div class="modal-body">
                            <form method="post" action="" id="quick-post-form" enctype="multipart/form-data">
                            <div class="form-group">
                            <label>Nome</label>
                            <input class="form-control" name="Nome">
                            </div>
                            <div class="form-group">
                            <label>Pre&ccedil;o</label>
                            <input class="form-control" name="preco">
                            </div>
                            <div class="form-group">
                            <label> </label>
                           </div>
                            <div class="form-group">
                            <label>Imagem</label>
                            <input type="file" name="image-uploader" id="img-upload">
                                           <img height="80" width="80" id="image-preview" src="" style="display:none;">

                                             <input type="hidden" name="operacao" value="normal">
                                        </div>
                                        <div class="form-group">
                                            <label></label>
                                        </div>
                                        <button type="submit" class="btn btn-default">Enviar</button>
                                          <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>


                                    </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>

                                        </div>
                                    </div>
                                    <!-- /.modal-content -->
                                </div>
                                <!-- /.modal-dialog -->
                            </div>
                            <!-- /.modal -->


   <!--Butao adicionar -->
                            <button href="#my-modal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">+ Adicionar</button>
                          
                        
                            <!-- 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-hidden="true">&times;</button>
                            <h4 class="modal-title" id="myModalLabel">Adicionar G&aacute;s </h4>
                            </div>
                            <div class="modal-body">
                            <form method="post" action="" id="quick-post-form" enctype="multipart/form-data">
                            <div class="form-group">
                            <label>Nome</label>
                            <input class="form-control" name="Nome">
                            </div>
                            <div class="form-group">
                            <label>Pre&ccedil;o</label>
                            <input class="form-control" name="preco">
                            </div>
                            <div class="form-group">
                            <label> </label>
                           </div>
                            <div class="form-group">
                            <label>Imagem</label>
                            <input type="file" name="image-uploader" id="img-upload">
                                           <img height="80" width="80" id="image-preview" src="" style="display:none;">

                                             <input type="hidden" name="operacao" value="normal">
                                        </div>
                                        <div class="form-group">
                                            <label></label>
                                        </div>
                                        <button type="submit" class="btn btn-default">Enviar</button>
                                          <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>


                                    </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>

                                        </div>
                                    </div>
                                    <!-- /.modal-content -->
                                </div>
                                <!-- /.modal-dialog -->
                            </div>
                            <!-- /.modal -->

Fonte Link
Carregando