Jump to content
opl12

Atualizar valor da Página Sem Refresh e sem Submit

Recommended Posts

Olá Mestres,

Tenho uma página com comando "input Range" .. é uma barra deslizante... conforme deslisa gera um valor.

 

o problema, 

não consigo gravar o valor numa variável PHP,

Segue html:

<html>
<head>
  <title> ...::: HOME :::... </title>
</head>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<body>
  <form method="POST">
    <label class="mt-3" for="ciclo">CICLO</label>
	    <input type="range" class="custom-range" value="201901" min="201901" max="201915" step="1" id="ciclo" name="idciclo">
    <span>201901</span>
  </form>
<div id="resultado"> </div>

<script type="text/javascript">
$("#ciclo").on("change", function(){
    var idCiclo = $("#ciclo").val();
     
    $.ajax({
       method: "POST",
       url: "ciclo_inicios.php",
       data: { 'ciclo': idCiclo },
        success: function(retorno){
                alert(retorno);
        }      
 
    });
});
</script>
  
  </body>
</html>  

 

código php... arquivo "cilo_inicios.php"

	<?php

	//$valorciclo = isset($_POST['dados']) ? $_POST['dados'] : '';

	$valorciclo = $_POST["idciclo"];

	echo "$valorciclo";



	?>

 

Sabem o que estou fazendo de errado ?   :/

 

 

 

Share this post


Link to post
Share on other sites

Tá faltando action na tag HTML form

Conforme fiz no teu outro tópico:

https://forum.imasters.com.br/topic/584500-input-range-para-variável-em-php/?tab=comments#comment-2283203

 

Obs: se for enviar esse código que você criou para um banco de dados, toma bastante cuidado. Ele tá tipo 100% vulnerável.

Eu fiz alguns bloqueios no exemplo do teu outro tópico, mas não sei o porquê de você não seguir.

Boa sorte com o código.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Sapinn
      Opa galera tudo firmesa? Então, tenho um codigo que faz uma barra aparecer toda vez que eu role a pagina até um certo ponto e tudo funciona normal. Eu gostaria de saber se tem como fazer uma transição nessa barra para ele ir aparecendo devagarzinho com a opacidade em 0 e vai subindo até chegar a 1 coisa de um 0.8s. Não sei como fazer ou se tem como fazer preciso de ajuda.
       
      Codigo js 
       
      window.onscroll = function(){
          var top = window.pageXOffset || document.documentElement.scrollTop
          var barra = document.querySelector(".barra");
          if(top > 900){
              barra.style.display = 'flex';
      //aqui tentei adicionar uma class direto do css para fazer o efeito transition mas sem sucesso.
              barra.classList.add('transition');
          }else{
             barra.style.display = 'none';
          }
      }
       
       
      Codigo css
      .barra{
          width: 100%;
          height: 70px;
          background-color: #090b13;
          display: none;
          justify-content: space-between;
          position: fixed;
          opacity: 0;
      }
      .transition{
          transition: 1s;
          opacity: 0.7;
          
      }
       
      codigo HTML
       
      <div class="barra" >
              <img src="assets/images/logo-nopad.svg" alt="">
              <button class="botao-assinatura-header">Assine Agora</button>
        </div>
       
       
    • By henriquers
      Estou com um problema com o Select2, ele tem um campo de busca mas não esta filtrando corretamente e não estou entendo o motivo, sem utilizar o AJAX colocando os options manualmente ele funciona corretamente, mas trazendo os dados via AJAX ele não funciona o campo de busca.
      Se aguem poder me dar uma luz agradeço a ajuda.
       

       
      Nessa imagem estou tentando filtrar apenas para os itens que tenha LUVA na descrição, mas não funciona, posso colocar qual quer coisa que ele não faz o filtro
       
      Abaixo segue meu codigo
       
      HTML
      <!DOCTYPE HTML PUBLIC> <HTML> <HEAD> <TITLE> Select2 </TITLE> <link href="select2/select2.css" rel="stylesheet" type="text/css" /> <script src="https://code.jquery.com/jquery-latest.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/i18n/pt-BR.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.css" rel="stylesheet"/> <script> $(document).ready(function(){ $("#selUser").select2({ language: "pt-br", ajax: { url: "get_dados.php", type: "GET", dataType: 'json', delay: 200, data: function (params) { return { q: params.term, // search term page: params.page }; }, processResults: function (response) { return { results: response }; }, cache: true }, width: "20%", closeOnSelect: true, }); }); </script> </head> <body> <select id='selUser' style='width: 200px;'> <option value='0'>- Search user -</option> </select> </body> </html> get_dados.php
      <?php include './conn_orcl.php'; $select="SELECT PRO_CODPRO PRODUTO,TRIM(PRO_DESCRI) DESCRICAO FROM F_PRODS WHERE PRO_LOCEST='ALMOX' AND PRO_STATUS = 'AT' ORDER BY DESCRICAO"; $parse=oci_parse($conn,$select); oci_execute($parse); $data = array(); while($row=oci_fetch_array($parse)){ $data[] = array("id"=>$row['PRODUTO'], "text"=>$row['PRODUTO']." - ".$row['DESCRICAO']); }; echo json_encode($data); ob_end_flush(); oci_free_statement($parse); oci_close($conn); ?>  
    • By FabianoSouza
      Preciso adicionar uma função de timeout na minha requisição AJAX e peço ajuda aos colegas.
      Já tenho um AJAX que funciona normalmente. Preciso de ajuda para saber como implementar um timeout no código que já tenho.
       
      Vejam o código. É um script genérico, para ser reutilizado pelas diversas functions do sistema, que precisam trazer dados.
      const server = { req : null, res : null, ajax : function(strReq, functionResposta) { this.req = strReq this.url = this.req.url this.req = JSON.stringify(this.req); this.status = 0; try { if (window.XMLHttpRequest) { $obj = new XMLHttpRequest(); } else { $obj = new ActiveXObject('Microsoft.XMLHTTP'); } $obj.onreadystatechange = function() { if ($obj.readyState == 4 && $obj.status >= 200 && $obj.status <= 299) { server.res = JSON.parse($obj.responseText); functionResposta(); } } $obj.open('post', this.url, true); $obj.setRequestHeader('content-type', 'application/x-www-form-urlencoded'); $obj.send(encodeURI('str='+server.req)); } catch(e) { this.req = null; this.res = null; } } };  
       
      Para chamar essa function, passando parâmetros, faço assim:
       
      //crio uma string com parâmetros... var obj={id:'XPTO', url:'/app/backend/'}; //invoco a function AJAX escrita acima server.ajax(obj, function(){});}  
      Essa estrutura funciona normalmente. Só preciso mesmo saber como implementar um "timer" para responder assim que receber a resposta do servidor.
    • By Jack Oliveira
      Boa noite pessoal
       
       
      Quero fazer uma verificação em tempo real no banco de dados antes de clicar para cadastra, ver se o nome que esta no input name="nome_empresa_link"   ver se ele já existe no banco de dados. no caso so permitir preencher outro campos se o input que esta sendo verificado estiver correto ou seja tudo ok...
       
      Lembrando este input ele é preenchido conforme é digitado no input name="nome_empresa"  Não sei se isso interfere ao fazer a verificação
       
      HTML
             <div class="col-md-6">         <div class="form-group">          <label for="nome_empresa">Nome</label>          <input type="text" autocomplete="off" id="nome_empresa" maxlength="100"  name="nome_empresa" class="form-control input_nome_empresa" required placeholder="Nome da Loja">        </div>      </div>      <div class="col-md-6">       <div class="form-group">        <label for="nome_empresa_link">Url Amigavél</label> <em id="resposta"></em>        <input type="text" autocomplete="off"  id="nome_empresa_link" name="nome_empresa_link" maxlength="100" class="form-control input_nome_empresa_link" required placeholder="/ Use maiúsculas, minúsculas e underline.">        <?= $site; ?><span><em style="color: green;" id="nome_empresa_link"></em>/</span>      </div>    </div> No PHP fazer verificação fiz isso...
      <?php if(isset($_POST['nome_empresa_link'])) { $nome_empresa_link=$_POST['nome_empresa_link']; $checkdata = DBCount('ws_empresa','nome_empresa_link',"WHERE nome_empresa_link = '{$nome_empresa_link}'"); if ($checkdata >= 0) { //echo "Um nome igual este já esta sendo usado no sistema"; swal('Atenção!!!', 'A URL AMIGAVÉL não disponivél para cadastro \n tente com outro nome!', 'warning', 'Fechar'); } /*else { echo "<font color='green'>Disponivél...</font>"; } */ exit(); } ?> No ajax fiz assim
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script language="javascript"> var nome_empresa_link = $("#nome_empresa_link"); nome_empresa_link.blur(function() { $.ajax({ url: 'notificacao/checkdata.php', type: 'POST', data:{"nome_empresa_link" : nome_empresa_link.val()}, success: function(data) { console.log(data); data = $.parseJSON(data); $("#resposta").text(data.nome_empresa_link); } }); }); </script> Só que não retorna nada
       
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.