Jump to content
Augusto A.S

Forma de envio (GET - URL)

Recommended Posts

Bom dia,  gostaria de um esclarecimento na seguinte situação: digamos que eu pegue, no clique de um botão, o valor de seu data-id. Posteriormente, envio esse valor via AJAX, com o método GET, e pego ela no PHP.

 

Isso seria mais ou menos assim:

 

<script>
    
    var btn = document.getElementsByClassName('botao');
    
    for (var i = 0; i < btn.length; i++) {
        
        btn[i].addEventListener('click', function (e) {
            
            var a = e.target.dataset.id;
            ajax_funcao('index.php?variavel=' + a);
            
        }, false);
    }

    function ajax_funcao(arquivo) {
       
    var http = new XMLHttpRequest;
                
    http.open('GET', arquivo, true);
    http.send();
                  
    }
</script>
<button type='button' class='botao' data-id='5'>Botao</button>

Agora, para pegar o valor:

<?php
$valor_da_variavel = $_GET['variavel'];

echo $valor_da_variavel;
?>

Porém, qual seria a diferença disso para isso:

 

<a href = index.php?variavel=5></a>

E, para pegar o valor, a mesma coisa:

 

<?php
$valor_da_variavel = $_GET['variavel'];

echo $valor_da_variavel;
?>

Gostaria de saber qual a diferença e o que isso implica, pois precisei pegar um data-id e, fazendo dessa primeira forma não deu certo, porém, da segunda, deu certo.

 

 

E também se eu usasse, no primeiro exemplo (do script), ao invés de:

 

 var http = new XMLHttpRequest;
 http.open('GET', arquivo, true);
 http.send();

Apenas:

 document.location=arquivo;

Daria certo também.

 

Boa tarde 

Share this post


Link to post
Share on other sites

A diferença é que um é requisição assincrona e outro requisição sincrona

 

tenta usar assim a função

function ajax_funcao(arquivo) {
       
  $.ajax({
    type: "GET",
    url: arquivo,
    cache: false,
    success: function(data){
      alert('Sucesso');
    }
  });
                  
    }

 

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 violin101
      Caros amigos
       
      saudações...
       
      Primeiramente peço desculpa se postei minha dúvida na opção errada.
       
      Estou escrevendo uma Rotina para Impressão de Relatório usando mPDF, até aqui tudo bem.
       
      O relatório tem um: Título - Tabela - Dados.
       
      Minha dúvida:
      --[ como faço para REPETIR em todo SALTO de Página o Título ou Cabeçalho da Tabela, por exemplo:
       
      Título.................: Relatório de Estoque
      Tabela Campos: Código | Descrição | ESP | Qtde | Valor
       
      Grato,
       
      Cesar 
       
    • By Sapinn
      Opa galera tudo beleza? Então meu banco está me retomando um erro quando tento inserir nele que é "Dados truncados na coluna valor_produto" essa coluna era do tipo Double quando eu mudei para ela para TEXT funcionou os dados foram inseridos mas eu preciso que ela seja do tipo double. Alguém sabe como resolver????
    • By Adriano Costa
      Fala galera!!!
      Eu sou novo na programação e estou precisando de uma ajuda, estou tentando fazer um for dentro dos scriplets mas esta dando erro. É a parte do read do meu crud. Quando eu aço o for através da camada controller ele funciona, mas na pagina jsp ele da um erro.
       
      <%@ page language="java" contentType="text/html; charset=utf-8"
          pageEncoding="utf-8"%>
      <%@page import="model.JavaBeans"%>
      <%@page import="java.util.ArrayList"%>  
      <%
          ArrayList<JavaBeans> lista = (ArrayList<JavaBeans>)request.getAttribute("contatos");
          for (int i = 0; i < lista.size(); i++){
              out.print(lista.get(i).getIdlista());
          }
      %>
       
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">
      <title>Lista de Tarefas</title>
      <link rel="stylesheet" href="css/styles.css">
      </head>
      <body>
          <div id= "login-container">
              <h1>Lista de Tarefas</h1>
              <table>
                  <thead>
                      <tr>
                          <th>Código</th>
                          <th>Titulo</th>
                          <th>Descrição</th>
                          <th>Data</th>
                          <th>Status</th>
                          <th>Prioridade</th>
                      </tr>
                  </thead>
                  <tbody>
                      
                  </tbody>
              </table>
              <form name="frmContato" action="listarTarefa">
                  
                  <input type="submit" value="Cadastrar" onclick="validar()">
              </form>
              
          </div>
          <script src="scripts/validador.js"></script>    
      </body>
      </html>
       
      E esse é o erro
       
      HTTP Status 500 – Internal Server Error
      Type Exception Report
      Message An exception occurred processing [/listaTarefas.jsp] at line [8]
      Description The server encountered an unexpected condition that prevented it from fulfilling the request.
      Exception
      org.apache.jasper.JasperException: An exception occurred processing [/listaTarefas.jsp] at line [8] 5: 6: <% 7: ArrayList<JavaBeans> lista = (ArrayList<JavaBeans>)request.getAttribute("contatos"); 8: for (int i = 0; i < lista.size(); i++){ 9: out.print(lista.get(i).getIdlista()); 10: } 11: %> Stacktrace: org.apache.jasper.servlet.JspServletWrapper.handleJspException(JspServletWrapper.java:611) org.apache.jasper.servlet.JspServletWrapper.service(JspServletWrapper.java:500) org.apache.jasper.servlet.JspServlet.serviceJspFile(JspServlet.java:378) org.apache.jasper.servlet.JspServlet.service(JspServlet.java:326) javax.servlet.http.HttpServlet.service(HttpServlet.java:733) org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:53) Root Cause
      java.lang.NullPointerException org.apache.jsp.listaTarefas_jsp._jspService(listaTarefas_jsp.java:126) org.apache.jasper.runtime.HttpJspBase.service(HttpJspBase.java:71) javax.servlet.http.HttpServlet.service(HttpServlet.java:733) org.apache.jasper.servlet.JspServletWrapper.service(JspServletWrapper.java:467) org.apache.jasper.servlet.JspServlet.serviceJspFile(JspServlet.java:378) org.apache.jasper.servlet.JspServlet.service(JspServlet.java:326) javax.servlet.http.HttpServlet.service(HttpServlet.java:733) org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:53) Note A pilha de erros completa da causa principal está disponível nos logs do servidor.
       
       
      esse é o Medoto
       
      // Listar tarefa
              protected void tarefas(HttpServletRequest request, HttpServletResponse response)
                      throws ServletException, IOException {
                  //Criando um objeto que irá receber os dados do JavaBeans
                  ArrayList<JavaBeans> lista = dao.listarTarefa();
                  
                  request.setAttribute("tarefas", lista);
                  RequestDispatcher rd = request.getRequestDispatcher("listaTarefas.jsp");
                  rd.forward(request, response);
                  
                  //Teste de recebimento da lista
                  for(int i = 0; i<lista.size(); i++) {
                      System.out.println(lista.get(i).getIdcon());
                      System.out.println(lista.get(i).getTitulo());
                      System.out.println(lista.get(i).getDescricao());
                      System.out.println(lista.get(i).getData());
                      System.out.println(lista.get(i).getStatus());
                      System.out.println(lista.get(i).getPrioridade());
                  }
              }
          
    • By Leandro T.
      $.ajax({
             
           url: 'ajaxfile2.php?xis=<?php echo $PerguntasRow["pergunta_id"];?>&resx=<?php echo $_SESSION["respon"]; ?>', 
           type: 'POST',
           data: form_data2<?php echo $PerguntasRow["pergunta_id"];?>, 
           dataType: 'json',
           contentType: false,
           processData: false,
             
           success: function (data)  {  }
            }); 
               
              
      }
                       Pessoal, boa tarde! não estou conseguindo fazer o ajaxfile2.php receber os parâmetros deste ajax
       
       
×

Important Information

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