index.php
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script src="http://code.jquery.com/jquery-latest.js"></script> <style type="text/css"> #content{ font-family: Verdana; font-size: 14px; color: #333333; width: 900px; margin: 50px auto; } h1 { margin: 0; padding: 0px 0px 10px 32px; font-family: Georgia; font-style: italic; font-size: 26px; color: #376875; } a { color: #db0f27; margin: 0; padding: 0; text-decoration: underline; } legend { font-weight: bold; color: #2bb1d8; font-size: 16px; } fieldset { border: 1px solid #cecece; margin: 0; padding: 13px; } input { padding: 3px; margin: 3px 0px; } #submit{ margin: 0; padding: 6px 14px; text-shadow: 1px 1px 0px #ffffff; } .dodano { margin: 0; padding: 0px 0px 0px 13px; } .blad { margin: 0; padding: 0px 0px 0px 13px; } .tick { vertical-align: middle; margin: -2px 6px 0px 0px; padding: 0; } .error { vertical-align: middle; margin: -2px 6px 0px 0px; padding: 0; } .info { margin: 0; padding: 0px 0px 0px 13px; } </style> <script type="text/javascript"> $(document).ready(function(){ $("form#submit").submit(function() { // Przechwytujemy wartości z formularza i przesyłamy je do pliku insert.php var imie = $('input[name=imie]'); var nazwisko = $('input[name=nazwisko]'); // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu if(imie.val() == "") { $('div.blad').fadeIn(400); // Usuwamy wiadomość o błędzie po 4 sekundach setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000); return false; } // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu if(nazwisko.val() == "") { $('div.blad').fadeIn(400); // Usuwamy wiadomość o błędzie po 4 sekundach setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000); return false; } var data = 'imie=' + imie.val() + '&nazwisko=' + nazwisko.val(); $.ajax({ type: "POST", url: "insert.php", data: data, success: function(){ // Usuwamy wpisane dane $('#imie').val(''); $('#nazwisko').val(''); // Wyświetlamy wiadomość o poprawnym dodaniu użytkownika $('div.dodano').fadeIn(400); // Usuwamy wiadomość o poprawnym dodaniu użytkownika po 4 sekundach setTimeout(function(){ $("div.dodano").fadeOut(400) }, 4000); } }); return false; }); }); </script> </head> <body> <div id="content"> <form id="submit" method="post" name="submit" action=""> <fieldset> <legend>ZALOGUJ</legend> <label for="imie">Numer:</label> <br /> <input type="text" name="imie" id="imie" class="text" size="20" /> <br /> <label for="nazwisko">Hasło:</label> <br /> <input type="text" name="nazwisko" id="nazwisko" class="text" size="20" /> <br /><br /> <button type="submit" id="submit"> Dodaj użytkownika </button> </fieldset> </form> <div class="dodano" style="display:none;"> <p><img class="tick" src="tick.png" alt="" />Użytkownik został dodany do bazy.</p> </div> <div class="blad" style="display:none;"> <p><img class="error" src="error.png" alt="" />Uzupełnij pola w formularzu!</p> </div> </div> </body> </html>
oraz insert.php
<?php //Odbieranie danych metodą post //Konfiguracja połączenia z baza mysql $baza_host=("localhost"); $baza_login=("root"); $baza_haslo=(""); $baza_nazwa=("test"); //Łączenie się z bazą mysql //Dodawanie rekordów do bazy mysql $dodaj = "INSERT INTO gg (numer,haslo) VALUES ('$imie','$nazwisko')"; ?>
Skrypt dodaje rekordy do bazy danych, na localhost działa to bardzo dobrze, jednak gdy wysyłam sobie na server np. freehost.pl czy nawet na serwer cba.pl to i tak skrypt nie działa. nie dodaje się nic. mógłby mi ktoś pomóc ?