Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

drx

Como enviar acão com jquery

Recommended Posts

Olá pessoal!

 

Como que eu faço para enviar uma ação via jquery ou Ajax, de forma que eu carregue na mesma página as informações enviadas?

 

Tipo assim:

Eu clico em uma imagem (Adicionar no Carrinho)...  e quero adicionar no carrinho logo abaixo na mesma página.

 

<td height="10"><a href="carrinho_vitrine.php?acao=add&id='.$id.'">
<img src="img/comprar-1.png" name="btn_add_v2" id="btn_add_v2" height="50" width="120" align="center" title="Adicionar ao Carrinho" 
value="btn_add_v2" style="visibility:visible;"></a></td>

 

Desde já agradeço.

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Fala drx, segue um exemplo para a chamada click. 

Mas como o @Guilherme Luiz já disse... vai precisar de um pouco de estudo para utilizar, infelizmente nem tudo é ctrl + c, ctrl + v.

 

//HTML
<button name="addVolumeFrete" id="addVolumeFrete" type="button" class="btn btn-large btn-primary">Adicionar</button>

//SCRIPT
$("#addVolumeFrete").click(function () {     
                    $.ajax({
                        type: "POST",
                        url: "<%=ResolveUrl("~/Servicos/Volume.asmx/AddVolume") %>",
                        data: "{ 'parametro': 'valor parametro'}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function (retorno) {
                          //
                          $('#tabelaAlvo').append('<tr><td>' + retorno + '</td></tr>');
                        },
                       error: function (msg) {
                           console.log(msg);
                       }
                    });
  });

Espero ter ajudo e bons estudos!

Compartilhar este post


Link para o post
Compartilhar em outros sites

O exemplo ai de cima não vai funcionar. 

 

Pois ele colou a imagem em uma tag  <a>  e ao clicar ele sera redirecionado para o caminho que esta na imgem imagem. 

 

Fica um pouco complexo te explicar as funcionalidades do ajax, mas vou tentar resumir aqui: com base no que o que o colega mencionou 


 

// selecione o tag cujo o atributo id = addVolumeFrete
// ao clicar nesse elemento ele irá executar uma chamada do ajax via método POST para 
// a pagina que esta descrita na url
// o (e) dentro dos parenteses é para capturar o evento (no caso click) e o preventDefault 
// para evitar de abrir a url na tag <a>
// ou seja, com o ajax voce esta postantdo para a url o valor que vem em data
// no formato json ( no caso que o colega colocou ai
// e o resultado dessa requisição será exibida no elemento que tem o id = tabelaAlvo


$("#addVolumeFrete").click(function (e) { 
  e.preventDefault();
                    $.ajax({
                        type: "POST",
                        url: "<%=ResolveUrl("~/Servicos/Volume.asmx/AddVolume") %>",
                        data: "{ 'parametro': 'valor parametro'}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function (retorno) {
                          //
                          $('#tabelaAlvo').append('<tr><td>' + retorno + '</td></tr>');
                        },
                       error: function (msg) {
                           console.log(msg);
                       }
                    });
  });

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por juniormatrix
      Olá
       
      Achei esse script aqui no fórum mesmo:
       
      $.validator.addMethod( "customEmail", function (value, element) { return this.optional(element) || /^[\w-\.]+@fulano\.com\.br$/i.test(value); }, "Por favor, insira um e-mail válido com o domínio @fulano.com.br" ); $("#formulario").validate({ ignore: ".ignore", rules: { empresa: { required: true }, nome: { required: true }, contato: { required: true }, celular: { required: true }, email: { required: true, email: true, customEmail: true }, }, }); Testei e funcionou perfeitamente, mas gostaria que liberasse mais e-mails válidos, ao invés de apenas um.

      Tem como fazer? 
       
      Se alguém puder ajudar, fico muito grato.
    • Por Alessandro Bodão
      Salve galerinha, passando pra mostrar pra vocês o novo projeto de marca que a Jatobá Estúdio desenvolveu, espero que gostem.   https://www.behance.net/gallery/166555627/Fernanda-Pinheiro-Nutricionista-Esportiva
    • Por rogerblower
      Boas pessoal, estou precisando de um calendário para agenda com crud para agendamento, mas teria que ser free.
      Obrogado.
    • Por Sapinn
      Fala galera! Tenho um site que possui alguns icones que são puxados da biblioteca flaticon , o problema é que de uma hora pra outra esses icones pararam de aparecer. No meu ambiente local funciona, mas no ambiente de produção eles não aparecem e eu recebo o seguinte erro no console: Failed to load resource: the server responded with a status of 404 () 
       
      Alguém saberia como resolver isso?
    • Por mateus.andriollo
      Carrego um conteudo Ajax e junto com ele vem HTML e JS, existe um marcador que está relacionado a um elemento HTML, quando eu clico e este elemento tem um atributo exemplo data-onload="funcaoOla()" esta função tbm carregada pelo ajax deve ser executada.
       
      Dúvida como eu faço uma chama de função desta forma, seria como exec("funcaoOla")
       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.