POST bez przeładowania strony Opcje

[TwojPan]

Czesc,

Nie znam zupepnie JS czy AJAX. Szukam najprostszego rozwiazania tj. podczas wcisniecia SUBMIT aby strona sie nie przeladowywala tylko nie wiem jakis ruchomy gif lub napis 'dodawanie tresci' i na koncu info ze zostalo dodane. Nic wiecej. Czy ktos moglby mi pomoc z tym i ma gotowe rozwiazanie ? Tresc z formulara beda zapisywane w osobnym pliku .php

Formularz zawiera pola checkbox, radio, text, textarea. Nie potrzebuje zadnej walidacji oniewaz nie musi zostac nic wybrane - to tylko opcja.
Szukam w necie od rana ale tylko jakies bardzo skomplikowane rzeczy po 200 lini kodu i zbyteczne wlasnie walidacje etc..

szukam czego naprawde prostego.

Ten post edytował TwojPan 14.06.2014, 10:54:21

[rad11]

To html w tresci moze byc w tresci bo to jest skrypt jquery. A pozatym nie rozumiem dlaczego dales Tursonowi plusa jak to ja napisalem Ci skrypt ale to nic tacy sa ludzie (IMG:style_emoticons/default/haha.gif)

Ten post edytował rad11 16.06.2014, 07:08:01

[TwojPan]

To html w tresci moze byc w tresci bo to jest skrypt jquery. A pozatym nie rozumiem dlaczego dales Tursonowi plusa jak to ja napisalem Ci skrypt ale to nic tacy sa ludzie (IMG:style_emoticons/default/haha.gif)

Sory nie zauwazylem. Zaraz Ci dam tego plusa (IMG:style_emoticons/default/biggrin.gif)

Niestety cos nie dziala:

[HTML] pobierz, plaintext 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="ajax.js"></script>
<form ACTION="save.php" method=post>
<input TYPE="text" name="ble">
<input TYPE="submit" id="submit" value=poslij>
</FORM>
[HTML] pobierz, plaintext 

plik.js

[HTML] pobierz, plaintext 
$(document).ready(function() {
 
 
 
                $('#submit').click(function() {
 
                    $.ajax({
 
                        type: "POST",
 
                        url: "save.php",
 
                        data: $("#form").serialize(),
 
                        beforeSend: function() {
 
                            $('.loader').html('<img src="loader.gif" />').show();
 
                        },
 
                        dataType: "html",
 
                        success: function(result) {
 
                            $("#error_message").html(result);
 
                            $('.loader').html('<img src="loader.gif" />').hide();
 
 
 
                        },
 
                        error: function(xhr, ajaxOptions, thrownError) {
 
                            alert(xhr.status);
 
                            alert(thrownError);
 
                            alert(ajaxOptions);
 
                            $('.loader').html('<img src="sciezka do gifu" />').hide();
 
                        }
 
                    });
 
                    return false;
 
 
 
 
 
                });
 
 
 
            });
[HTML] pobierz, plaintext 

pik: save.php

[PHP] pobierz, plaintext 
<?
$foo = fopen($_POST['ble'], 'w');
?>
[PHP] pobierz, plaintext 

Nic sie nie wykonuje.

Ten post edytował TwojPan 16.06.2014, 07:42:07