Submit bez rerquestu – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Ahojte, mám takýto jednoduchý kód. Je tam taký problém, že ja kliknem na tlačidlo, prepne to stav ale aktualizuje celú stránku. Bolo by možné to vykonať na pozadí? 
Kód:  

 <div style="padding:0 16px;">
  
  <?php
  if(isset($_POST["changeIt"])) {
    if(file_get_contents("readme.txt") === "1") {
      file_put_contents("readme.txt", 0);
    }
    else { 
      file_put_contents("readme.txt", 1);
    }
  }
  ?>
   <form method="post" id="releformular" action="<?php echo $_SERVER['PHP_SELF']; ?>" >
   <input type="hidden" name="changeIt" value="yes">
	<h1>Ovládanie relé v domácnosti</h1>
  <fieldset>
		<legend>Relé v obývačke</legend>
		<label onClick="document.getElementById('releformular').submit();">
			<input name="releon" type="checkbox" <?php if(file_get_contents("readme.txt") === "1") echo "checked"; ?>>
			<div>
				<span class="yes">ZAP</span>                                              
				<span class="no">VYP</span>
			</div>         
			<a class="slider"></a>
		</label>	
	</fieldset>
   </form>
	
	
 
  </div>

Stránka: https://arduino.php5.sk/meteostanica/rele.php
Ďakujem za pomoc..

#1 Martin
ano, je to mozne. Pouziva se k tomu AJAX

Ja viem, že sa k tomu používa AJAX, preto som to tu zaradil. Neviem ale ako ho použiť, nikdy som s tým nerobil.

No ja sem odpovedel na to, ze je to mozne, na to ses i ptal :)

Treba pomoci JQuery:  https://www.w3schools.com/jquery/jquery_ajax_get_post.asp

Samozrejme doporucuju pouzit u tech tlacitek atribut id="nejakeId", ktere pak pomoci jquery selectoru jen najdes - $("#nejakeId")  a doplnis mu click akci.

A jak to funguje? Jako kdyz mas visibility:hidden, tag iframe, img, frame, script, object, style ... a zmenis mu src pomoci javascriptu. Server posle data a ty je pak pres js zpracujes. Nebo se zobrazi obrazek :) Cili, krome zabudovane ajax funkce nejspis pujde pouzit i nektery ten tag. Kdysi jsem delal iframe ajax, funkcni i v prohlizeci, ktery nepodporoval js requesty.

#5 peter
iframe se dal pouzivat bez javascriptu. Proste si ho pojmenoval a hrefy oteviral v nem. Tusim pomoci target.

Tohle proste v ramci stranky vytvori a posle pomoci javascriptu GET nebo POST request, a co mu stranka odpovi dostane jako do callbacku. Je jen na tobe, jestli si z toho requestu vratis kus html a pak si ho zobrazis uvnitr nejakeho elementu (necim jako innerHTML nebo tak neco), nebo jestli z toho neco vyparsujes a jen to ponastavujes kam to patri.