Submit bez rerquestu – JavaScript, AJAX, jQuery – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

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

 

Spuštěný nový filmový web Filmožrouti.cz — vše o Avengers, Pacific Rim, Thor, Star Wars…
Martin
~ Anonymní uživatel
1443 příspěvků
18. 9. 2017   #1
-
0
-

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..

Nahlásit jako SPAM
IP: 195.28.147.–
KIIV
~ Moderátor
+42
God of flame
18. 9. 2017   #2
-
0
-

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

Nahlásit jako SPAM
IP: 93.91.151.–
Program vždy dělá to co naprogramujete, ne to co chcete...
Martin
~ Anonymní uživatel
1443 příspěvků
18. 9. 2017   #3
-
0
-

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.

Nahlásit jako SPAM
IP: 195.28.147.–
KIIV
~ Moderátor
+42
God of flame
18. 9. 2017   #4
-
0
-

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.

Nahlásit jako SPAM
IP: 93.91.151.–
Program vždy dělá to co naprogramujete, ne to co chcete...
peter
~ Anonymní uživatel
2920 příspěvků
18. 9. 2017   #5
-
0
-

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.

Nahlásit jako SPAM
IP: 2001:718:2601:258:55a4:ed...–
KIIV
~ Moderátor
+42
God of flame
18. 9. 2017   #6
-
0
-

#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.

Nahlásit jako SPAM
IP: 93.91.151.–
Program vždy dělá to co naprogramujete, ne to co chcete...
Zjistit počet nových příspěvků

Přidej příspěvek

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 8 hostů

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032017 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý