Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Wynik bez odświeżania strony
Forum PHP.pl > Forum > Przedszkole
Dyqmin
Witam!
Chciałem, żeby mój skrypt działał beż odświeżania strony, polega on na prostym obliczeniu i pojawieniu się wyniku pod ramkami. Zawsze pokazuje cyfre 0... nie wiem jak to naprawić.
index.php
  1. <script src = "http://code.jquery.com/jquery-1.11.1.min.js"></script>
  2. <script src = "script.js"></script>
  3.  
  4. <div>
  5. <input type = "text" id="liczba1">
  6. <input type = "text" id="liczba2">
  7. <button id = "formsubmit">Send Data</button><br>
  8. <span id="beka"></span>
  9. </div>


Dowiedziałem się, ze do tego potrzebuje języka AJAX, ale nieogarniam go za bardzo i znalazlem taki skrypt:

script.js
  1. $(document).ready(function(){
  2.  
  3. $('#formsubmit').click(function(){
  4. $.post("submit.php",
  5. {wynik: $('#wynik').val()},
  6. function(data){
  7. $('#beka').html(data);
  8. }
  9. );
  10.  
  11. });
  12.  
  13. });


submit.php


  1. <?php
  2. $liczba1 = $_POST['liczba1'];
  3. $liczba2 = $_POST['liczba2'];
  4.  
  5. $wynik = $liczba2-$liczba1;
  6.  
  7. echo "$wynik";
  8.  
  9. ?>

Z góry dzięki za pomoc!
Kshyhoo
Cytat(Dyqmin @ 13.01.2015, 19:22:20 ) *
Dowiedziałem się, ze do tego potrzebuje języka AJAX...

To dlaczego w dziele PHP? Przenoszę...
patry6123
script.js
  1. $(document).ready(function(){
  2.  
  3. $('#formsubmit').click(function(){
  4. $.post("submit.php",
  5. {liczba1: $('#liczba1').val(), liczba2: $('#liczba2').val()},
  6. function(data){
  7. $('#beka').html(data);
  8. }
  9. );
  10.  
  11. });
  12.  
  13. });


submit.php


  1. <?php
  2. $liczba1 = $_POST['liczba1'];
  3. $liczba2 = $_POST['liczba2'];
  4.  
  5. $wynik = $liczba2-$liczba1;
  6.  
  7. echo "$wynik";
  8.  
  9. ?>

Powinno zadziałać
Dyqmin
Działa, działa, dzięki za pomoc!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.