Enviar webhook com dados nos parâmetros ao clicar em botão
11/09/2023 às 21:53Descrição do Projeto:
O código não funcionou. Preciso de alguém que saiba fazer funcionar.
Segue o código:
<script>
document.addEventListener('DOMContentLoaded', function() {
// Função para acionar o webhook
function acionarWebhook() {
// Capturar os dados dinâmicos dos parâmetros da URL atual
var url = new URL(window.location.href);
var nome = url.searchParams.get('nome');
var phonenumber = url.searchParams.get('phonenumber');
// URL do webhook no site de destino
var webhookURL = "https://exemplodewebhook.com/removiooriginalporseguranca";
// Dados que serão enviados para o webhook
var dadosParaEnviar = {
nome: nome,
phonenumber: phonenumber
};
// Configurar a solicitação HTTP
var xhr = new XMLHttpRequest();
xhr.open("POST", webhookURL, true);
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
// Enviar os dados para o webhook
xhr.send(JSON.stringify(dadosParaEnviar));
// Lidar com a resposta do webhook (opcional)
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
var respostaDoWebhook = JSON.parse(xhr.responseText);
console.log("Resposta do webhook:", respostaDoWebhook);
// Aqui você pode tratar a resposta do webhook, se necessário
}
};
}
// Adicionar um ouvinte de evento de clique a cada botão
var botao1 = document.getElementById('botao1');
var botao2 = document.getElementById('botao2');
var botao3 = document.getElementById('botao3');
// Adicionar ouvintes de evento de clique para outros botões, se necessário
botao1.addEventListener("click", acionarWebhook);
botao2.addEventListener("click", acionarWebhook);
botao3.addEventListener("click", acionarWebhook);
});
</script>
PS: A página que contem o botão já é carregada com esses dados do lead nos parâmetros e já possuo configurado um script que leva este mesmos dados para a página de destino do botão. Agora quero adicionar esta funcionalidade.
Atividades do cliente nesse projeto:
Última visualização: 14/09/2023 às 09:40
Última interação: 12/09/2023 às 09:16
Informações adicionais
| Categoria: | Web, Mobile & Software |
|---|---|
| Subcategoria: | Desenvolvimento Web |
| Orçamento: | Aberto |
| Nível de experiência: | Iniciante |
| Visibilidade: | Público |
| Propostas: | 7 |
| Interessados: | 8 |
| Valor Mínimo: | R$ 50,00 |
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
Ajuste da API de back-end no NestJS/TypeORM - A API está hospedada em um VPS da Hostinger. A API de back-end precisa funcionar corretamente e se comunicar com o front-end, além de adicionar as funções "esqueci ...
Implementar painel de gestão SaaS em sistema Laravel - Tenho um sistema de agendamento para salão de beleza que funciona no modelo SaaS, mas com uma camada para revendedores. O acesso do administrador gerencia os revendedores e tem acesso de le...
Desenvolvedor PHP/Laravel - Busco desenvolvedor PHP/Laravel (Full-Stack) para projeto em plataforma de comparação de preços de produtos. O job inclui integração com novas APIs, desenvolvimen...
Desenvolvimento de gateway de pagamento via Pix - Desenvolvimento de gateway de pagamento via Pix. 1. Integração com adquirentes de pagamento (PSPs) Em vez de se integrar diretamente com o Sistema do Banco Central, você trabal...
Criar plataforma de vendas online - Preciso de alguém que crie uma plataforma de vendas, onde pessoas poderão anunciar seus produtos (somente produtos digitais). No site, será possível deixar estoque para ...
