Preposlanie dát z formulára na druhú stránku | Areaweb

Preposlanie dát z formulára na druhú stránku

Preposlanie dát z Contact Form 7 na druhú stránku alebo API – hidden fields a JavaScript.

Vytvorenie formulára do ktorého sa vložia údaje:

Takto si prepošleš hodnotu na druhu stránku

<?php $hodnota = tu nastavis hodnotu  ktoru chces preposlat na druhu stranku; ?>

<form method="post" action="/cs/vykonaj.php/"  target="blank" data-trp-original-action="vykonaj.php"> 
     <p class="form-group" >
          <input value= "NO NUMERIC NOISE KEY" 1000 name="hodnota"  > </input>
     </p>
     <button type="submit"  class="btn btn-danger">Posli</button>
 <input type="hidden" name="trp-form-language" value="cs"/></form>
// údaje sa prepošlu na stranku vykonaj.php

Takto si získaš hodnotu z prvej stránky:

$preposlana_hodnota = $_POST['hodnota'];

Formulár si môžeš aj skryť a vyplniť ho aj odoslať cez JavaScript

// funkcia na vyplnenie
function vypln_formular() {
	let hodnota1 = this.innerText;
	input1.value = hodnota1;
}

// odoslanie
element.addEventListener('click', odosliTo)
function odosliTo() {
        let odoslat = document.getElementById("odoslat");
	odoslat.submit();
}

Odoslanie cez enter

////////odosielanie cez enter
const form = document.getElementById("add-form");
napismeno.addEventListener('keypress', function(event){
	if (event.key === "Enter") { 
		form.submit();
		return false;	
	}
})

Môžeš ho poslať aj cez ajax request

  <!--jQuery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

////// ajax ////////////////
    var form2 = $("#prihlas");
    form2.on('submit', function(event) {
        event.preventDefault();
    
        var req = $.ajax({
            url: form2.attr('action'),
            type: 'POST',
            data: form2.serialize()
        });
    
        req.done(function bbb(data) {
        });
    });

CF7 hidden fields

Do formulára pridaj [hidden page-url default:get] alebo JavaScript, ktorý doplní URL pred odoslaním. Užitočné pre landing pages s viacerými formulármi.

Redirect po odoslaní

Plugin „Contact Form 7 Redirect“ alebo Flamingo + webhook do Make/Zapier. Pre jednoduchý redirect použij on_sent_ok v starších verziach alebo CF7 success hook.

CF7 návod: Contact Form 7.