Jump to content

POWERED BY:

joao b silva

como pegar conteudo de uma variavel javascript e passar pra uma variavel php

Recommended Posts

ao criar a funcao javascript eu pego o valor de um input (produto) e passo pra uma variavel javascript. dentro do java script eu inicio uma sessao php e preciso passar o valor da variavel javascript para uma variavel php. Resumindo: como podem ver no codigo abixo eu preciso fazer a variavel php vProduto ter o mesmo conteúdo que a variavel javascript vCodPro

 

    function ValorItem() {
        var vCodPro = parseFloat(document.getElementById('produto').value);
     

        <?php
        $vProduto = "document.write(vCodPro)";
        
        var_dump(vProduto);
        document.getElementById('idpro').value = 
        
        $Par = "EM={$_SESSION['userlogin']['emCODIGO']}";
        $Fil = " where emCODIGO = :EM";
        ?>

    }
 

Share this post


Link to post
Share on other sites

Dessa forma não é possível.

Veja o javascript é executado do lado do usuário ou seja na máquina dele.

Enquanto que o php é executado no lado do servidor, ou seja se o usuário já interage ou acessa o conteúdo o php já foi executado e não tem seus dados alterados mais.

 

Em resumo digamos isso:

<?php
$exemplo = 'console.log(`Olá mundo`)';
?>
<script>
  function exemplo() {
    console.log('Dizer:');
    <?php echo $exemplo ?>
  }
</script>

Na verdade o que é:

<script>
  function exemplo() {
    console.log('Dizer:');
    console.log(`Olá mundo`);
  }
</script>

Então não é o php que é executado dentro do script, o script já está pronto e foi escrito pelo php antes do hardware do usuário terminar o download do mesmo.

 

A coisa que se pode fazer é se você quer alguma informação do usuário obrigatoriamente essa informação deve ser enviada para o servidor. Uma vez a informação lá você renderiza novo conteúdo html para o usuário.

 

Ainda em sua lógica....

Escrever PHP dentro de tag's javascript de forma que seu conteúdo seja alterado conforme o php modificar é meter os pés pelas mão mesmo que em muitos casos isso possa até funcionar você está criando uma carga de armazenamento demais para os usuários.

Citar

É por essa má prática entre mais outras que muitas pessoas bloqueiam sites de enviarem javascript.

 

Fora a questão da manutenção que vai virar o verdadeiro inferno.

 

Não se deve alterar funções javascript com escrita do php.

O cache é uma coisa que se deve pensar, se escreve todo ou alguma parte de um escopo de função do javascript no php ao solicitar a mesma função novamente o cache ainda está ativo e caso a função agora seja diferente a uma infinidade de erros que podem ocorrer.

No caso crie a função a mesma só irá trabalhar com dados vindo de parâmetros, então se desejar re-executar a função basta então apenas charmar-la novamente enviando outra informação como parâmetro.

// JavaScript
function exemplo(parametro) {
  console.log('Função executada com a informação:\n' + parametro);
}
<?php
$a = "João e Maria foram a padaria";
$b = "E joão queria comprar bolachas";
$c = "Mas Maria só queria pão";
$d = "E ambos só tinham dinheiro para uma coisa";
?>
<script>
  exemplo(`<?= $a ?>`);
  exemplo(`<?= $b ?>`);
  exemplo(`<?= $c ?>`);
  exemplo(`<?= $d ?>`);
</script>

 

Share this post


Link to post
Share on other sites

eu preciso pegar duas informações no banco de dados (mysql). primeiro eu pego a ID de um produto usando o select do html, mas preciso tb pegar alem da ID o valor desse produto. entao a minha ideia seria pesquisar a id do produto para encontar o registro correspondente e pegar o valor. se alguem puder me dar uma ideia de como fazer isso usando apenas um formulario, eu agradeço.

Share this post


Link to post
Share on other sites

O que você está tentando fazer exige AJAX, pois o ID do produto será definido pelo usuário utilizando o select, mas os produtos estão na sua aplicação/banco.

 

Para isso você pode usar:

1 - Fetch, nativo do navegador: https://developer.mozilla.org/pt-BR/docs/Web/API/Fetch_API/Using_Fetch

2 - ou, se estiver usando jQuery, $.get: https://api.jquery.com/jquery.get/

 

Você apenas precisa criar um endereço na sua aplicação que receba um ID e retorne o valor. (Exemplo: example.com/valor-produto.php?id=32).

Daí com AJAX (JS) você busca o valor informando o ID em resposta ao evento change do seu select.

Share this post


Link to post
Share on other sites

Apenas complementando o que o Omar já explicou:

 

Existe um processo de execução dos serviços:

 

1 - O usuário faz a requisição.

2 - Seu servidor a recebe e chama o programa (PHP) responsável pelo processamento dela.

2 - O PHP faz o que precisa ser feito e responde com o conteúdo (HTML/JS/CSS crús) que servirá para que o navegador renderize o que você instruiu. Você pode nessa etapa inserir uma variável do PHP, assim por exemplo:

var id = parseInt( <?php echo $id ?> );

Pois após o PHP processar e responder, o que chega ao navegador é isso:

var id = parseInt( 5 );// se $id fosse 5...

Por isso código PHP é inacessível ao usuário, pois ele é executado dentro da máquina que está servindo a aplicação (servidor).

 

Entenda que não tem como eu executar PHP novamente após a interação do usuário, ao menos que eu mande OUTRA (uma segunda) requisição em background (sem que o usuário perceba) utilizando JS. A esse tipo de requisição em background damos o nome de AJAX: https://developer.mozilla.org/pt-BR/docs/Web/Guide/AJAX

 

Resumindo: PHP roda no servidor, HTML/CSS/JS roda no navegador. São camadas e momentos totalmente diferentes.

 

Sacou?

Share this post


Link to post
Share on other sites

Além do ajax que é o mais comum de uso existe outra possibilidade.

Carregar os dados que deseja no carregamento do documento. Dessa forma não se precisa enviar nova requisição toda vez que algum produto é selecionado.

 

Qual melhor alternativa?

R: Ambas, pois depende do resultado a obter e da proposta da função.

 

Veja nesse exemplo onde simulo um resultado da query quando se acessa a página, assim uso esse resultado para criar um json com todos registros.

Com o json uso ele para criar um seletor de produtos, que ao ser alterado busco novamente no json os dados e informo mais conteúdos.

<?php
// SELECT produto_id, produto_nome, produto_preco FROM tabela_produtos
$exemplo_do_resultado = [
    // 'id' => produto_id, 'nome' => produto_nome, 'preco' => produto_preco
    ['id' => 0, 'nome' => 'Maçã', 'preco' => '11'],
    ['id' => 1, 'nome' => 'Banana', 'preco' => '22'],
    ['id' => 2, 'nome' => 'Laranja', 'preco' => '33'],
    ['id' => 3, 'nome' => 'Melancia', 'preco' => '44'],
    ['id' => 4, 'nome' => 'Melão', 'preco' => '55']
];
?>

<div id="local_do_seletor"></div>
<div id="local_para_mostrar">
    <p>Selecione um produto</p>
</div>

<script>
    var selecionar = document.getElementById('local_do_seletor');
    var mostrar = document.getElementById('local_para_mostrar');

    var produtos = JSON.parse('<?= json_encode($exemplo_do_resultado) ?>');
    // ou dependendo de como está trazendo o array do banco de dados
    // var produtos = '<?= json_encode($exemplo_do_resultado) ?>';

    function carregarLista() {
        var seletor = document.createElement('select'), opcao = {};
        window.produtos.forEach(function (coluna, indice) {
            opcao = document.createElement('option');
            opcao.value = coluna.id;
            opcao.innerText = coluna.nome;
            seletor.appendChild(opcao);
        });
        selecionar.addEventListener('change', verProduto, false);
        selecionar.appendChild(seletor);
    }

    function verProduto(evento) {
        var idAlvo = parseInt(evento.target.value), texto = '';
        window.produtos.forEach(function (coluna, indice) {
            if (coluna.id === idAlvo) {
                texto = 'Você selecionou o produto ID (' + coluna.id + ') ';
                texto += 'de nome (' + coluna.nome + ') ';
                texto += 'e seu valor é (' + coluna.preco + ') ';
            }
        });
        if (texto.length > 1) {
            mostrar.children[0].innerText = texto;
        }
    }

    carregarLista(); // Cria o seletor com as opções
</script>

Prós: Não é necessária uma nova requisição sempre que selecionar algum produto.

Contras: Quanto mais registros existirem mais lento a página é carregada. (Depende mais do hardware do usuário e sua conexão)

 

Citar

!!IMPORTANTE!!

Cuidado ao passar informações sigilosas com essa técnica, qualquer informação carregada nesse método o usuário terá acesso e ficará salva na máquina dele.

 

Share this post


Link to post
Share on other sites

Vou estudar  a opçãodo ajax, visto que a depender do cadastro de produtos fica inviável usar o json. Tenho um cliente que possui mais de 10.000 ítens em cadastrados, então como você mesmo disse, a lentidão será inevitável.

Mais uma vez muito obrigado a ambos.

Share this post


Link to post
Share on other sites

 

 

<input type="text" class="form-control" id="produto" name="produto"  onblur="BuscaPr()">

 

 

Ola. eu chamo a função JS a seguir  no onblur do input acima. cikiqyeu is alerts para confirmar a chamada da função. ta chamando. mas alem dos alerts nao acontece mais nada. segue a função JS e o arquivo php que é chamado no ajax:

 

 

FUNSAO JS

 

    function BuscaPr(){
        var buscaTexto = document.getElementById('produto').value
        alert(buscaTexto) 
        alert(buscaTexto.length) 
        $.ajax({
            method: 'post',
            url: 'sistema/produto/buscapr.php',
            data: {busca: 'sim', texto: buscaTexto},
            dataType: 'json',
            success: function(retorno){
                    if(retorno.qtd == 0){
                        alert('q = 0')
                            $('#resbuscapro').html('<p>Não encontramos resultados para sua busca</p>');
                    }else{
                        alert('q + 0')
                            $('#resbuscapro').html(retorno.dados);
                    }
            }
        });
    }


O ARQUIVO PHP:

 

<?php

if (!session_id()):
    session_start();
endif;

require_once('_app/Config.inc.php');
require_once('./Lib.php');

if (isset($_POST['busca']) && $_POST['busca'] == 'sim'):
    $textoBusca = strip_tags($_POST['texto']);
    $retorno = array();
    $Par = "EM={$_SESSION['userlogin']['emCODIGO']}";
    $Fil = " where emCODIGO = :EM and prDESCRICAO like '%{$textoBusca}%' ";
    $Produto = new Read;
    $Produto->FullRead("select * from produto {$Fil}", $Par);
    if ($Produto->getResult()):
        $retorno['qtd'] = $Produto->getRowCount();
        foreach ($Produto->getResult() as $pro):
            extract($pro);
            $retorno['dados'] .= '<a href="#" id='.$prCODIGO.':'.$prVENDA.'">'. utf8_encode($prDESCRICAO).'</a>';
        endforeach;
    endif;
    echo json_encode($retorno);
endif;
?>
 

Share this post


Link to post
Share on other sites

Ao inves de usar o JavaScript, por que não usar o método $_GET ou $_POST?

 

comeca_aqui.html

<form method=get action=procuraproduto.php>

<input name=produto placeholder=produto>

<input type=submit>

</form>

procurarproduto.php

<?php
$produto=$_GET['produto'];

$sql="select produto from tbproduto where produto like ' %$produto%' ";

etc...

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 Rafael_Ferreira
      Não consigo carregar a imagem do captcha do meu formulário. Foi testado com o xampp e easyphp. Também não carregou a imagem de outros captcha. 
       
       
    • By luiz monteiro
      Olá.
      Estou atualizando meu conhecimento com Front-End e me deparei com o seguinte problema.
      Criei um sistema para fazer o upload de imagens e alguns campos text.
      Algo bem simples para depois começar a estudar javascript para mostrar a miniatura....
      Mas quando saio do navegador Chrome ou da aba por mais de 3 minutos, ao retornar o navegador as vezes atualiza ou nem chega atualizar mas limpa os campos.
      Estou usando um Smart Motorola com Android, mas um amigo testou no iPhone e acontece a mesma coisa.
      Gostaria de saber se há como usar javascript para evitar isso?
      Agradeço desde já.

      <!DOCTYPE html>
      <html>
      <head>
          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <title>Uploader</title>
      </head>
      <body>
          <form action="?" method="post" enctype="multipart/form-data">
              <br><br>
              <div>selecione a imagem 1</div>
              <input type="file" name="foto1" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem1">
              
              <br><br>
              <input type="file" name="foto2" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem2">
              
              <br><br>

              <input type="file" name="foto3" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem3">
              
              <br><br>
              <input type="submit" value="Enviar">
              <br><br>
          </form>
      <?php
      if ($_SERVER['REQUEST_METHOD'] == 'POST')
      {
          vardump ($_FILES);
      }
      ?>
      </body>
      </html>
       
       
       
    • By belann
      Olá!
       
      Estou usando o nextjs versão 15.2.3 e criei uma navbar que quando é carregado o programa aparece com a home, mas na hora de clicar na página produtos desaparece a navbar.
      A navbar esta sendo chamada no layout.tsx estou usando typescript
      e fica dessa forma
      <div>           <Navbar/>             <main>{children}</main>             </div>  
    • By luiz monteiro
      Olá, tudo bem?
       
      Estou melhorando meu conhecimento em php e mysql e, me deparei com o seguinte. A tabela da base de dados tem um campo do tipo varchar(8) o qual armazena números. Eu não posso alterar o tipo desse campo. O que preciso é fazer um select para retornar o números que contenham zeros a direita ou a esquerda.
      O que tentei até agora
       
      Ex1
      $busca = $conexao->prepare("select campo form tabela where (campo = :campo) ");
      $busca->bindParam('campo', $_REQUEST['campo_form']);
       
      Se a direita da string $_REQUEST['campo_form'] termina ou inicia com zero ou zeros, a busca retorna vazio.
      Inseri dados numéricos, da seguinte maneira para testar: 01234567;  12345670: 12345678: 12340000... entre outros nessa coluna. Todos os valores que não terminam ou não iniciam com zero ou zeros, o select funciona.
       
       
      Ex2
      $busca = $conexao->prepare("select campo form tabela where (campo = 0340000) ");
      Esse número está cadastrado, mas não retorna.
       
      Ex3
      $busca = $conexao->prepare("select campo form tabela where (campo = '02340001' ) ");
      Esse número está cadastrado, mas não retorna.
       
       
      Ex4
      $busca = $conexao->prepare("select campo form tabela where (campo like 2340000) ");
      Esse número está cadastrado, mas não retorna.
       
      Ex5
      $busca = $conexao->prepare("select campo form tabela where (campo like '12340000') ");
      Esse número está cadastrado, mas não retorna.
       
      Ex6
      $busca = $conexao->prepare("select campo form tabela where (campo like '"12340000"' ) ");
      Esse número está cadastrado, mas não retorna.
       
       
      Ex7
      $busca = $conexao->prepare("select campo form tabela where (campo like :campo) ");
      $busca->bindParam('campo', $_REQUEST['campo_form'])
      Não retorna dados.
       
      O  $_REQUEST['campo_form'] é envio via AJAX de um formulário. 
      Usei o gettype para verificar o post, e ele retorna string.
      Fiz uma busca com número 12345678 para verificar o que o select retorna, e também retrona como string.
       
      Esse tipo de varchar foi usado porque os números que serão gravados nesse campo,  terão zeros a direita ou na esquerda. Os tipos number do mysql não gravam zeros, então estou usando esse. O problema é a busca.
      Agradeço desde já.
       
       
    • By daemon
      Boa tarde,
       
      Eu tenho uma rotina que faz uma leitura do arquivo .xml de vários sites.

      Eu consigo pegar o tópico e a descrição, e mostrar a imagem que esta na pagina do link.
      Para isso utilizo esta função:
      function getPreviewImage($url) { // Obter o conteúdo da página $html = file_get_contents($url); // Criar um novo objeto DOMDocument $doc = new DOMDocument(); @$doc->loadHTML($html); // Procurar pela tag meta og:image $tags = $doc->getElementsByTagName('meta'); foreach ($tags as $tag) { if ($tag->getAttribute('property') == 'og:image') { return $tag->getAttribute('content'); } } // Se não encontrar og:image, procurar pela primeira imagem na página $tags = $doc->getElementsByTagName('img'); if ($tags->length > 0) { return $tags->item(0)->getAttribute('src'); } // Se não encontrar nenhuma imagem, retornar null return null; } // Uso: $url = "https://example.com/article"; $imageUrl = getPreviewImage($url); if ($imageUrl) { echo "<img src='$imageUrl' alt='Preview'>"; } else { echo "Nenhuma imagem encontrada"; }  
      Mas estou com um problema, esta funcão funciona quando coloco em uma pagina de teste.php. Preciso mostrar em uma página inicial diversas fotos de todos os links. (No caso acima só funciona 1).
×

Important Information

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