Witam... znalazłem skrypt wysyłania danych bez przeładowania strony... działa on bez zarzutu... tak on wygląda:
index.php<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title
>Dodawanie rekordu
do bazy
MySQL za pomocÄ
… jQuery | www.WEBskrypty.pl</title> <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;
}
a {
color: #db0f27;
margin: 0;
padding: 0;
text-decoration: underline;
}
.logo a {
width: 241px;
height: 57px;
margin: 13px;
padding: 0;
display: block;
background: url(webskrypty_logo.png) no-repeat;
}
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;
}
.tick {
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 = $('#imie').attr('value');
var nazwisko = $('#nazwisko').attr('value');
$.ajax({
type: "POST",
url: "insert.php",
data: "imie="+ imie + "&nazwisko=" + nazwisko,
success: function(){
// 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">
<div class="logo"><a href="http://www.webskrypty.pl/dodawanie-rekordu-do-bazy-mysql-za-pomoca-jquery/"></a></div>
<form id="submit" method="post" name="submit" action="">
<fieldset>
<legend>DODAJ UĹťYTKOWNIKA</legend>
<label for="imie">ImiÄ™:</label>
<br />
<input type="text" name="imie" id="imie" class="text" size="20" />
<br />
<label for="nazwisko">Nazwisko:</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="info">
<p>« <a href="http://www.webskrypty.pl/dodawanie-rekordu-do-bazy-mysql-za-pomoca-jquery/">Wróć do artykuĹ‚u</a></p>
</div>
</div>
</body>
</html>
insert.php<?php
//Odbieranie danych metodÄ… post
//Konfiguracja połączenia z baza mysql
$baza_host=(""); // PrzewaĹĽnie localhost
$baza_login=(""); // Login do bazy
$baza_haslo=(""); // Hasło do bazy
$baza_nazwa=(""); // Nazwa bazy
//ĹÄ…czenie siÄ™ z bazÄ… mysql
$polaczenie = mysql_connect($baza_host, $baza_login, $baza_haslo);
//Dodawanie rekordĂłw do bazy mysql
$dodaj = "INSERT INTO uzytkownicy (imie,nazwisko) VALUES ('$imie','$nazwisko')";
?>
I teraz czas na pytanie... Jak zrobić pobieranie danych z bazy mysql bez odświeżania strony? Chodzi mi o coś podobnego do tego skryptu z wysyłaniem, tylko żeby zamiast wysyłania byłoby pobieranie danych z tabeli... Z niecierpliwością czekam na odpowiedzi.
Pozdrawiam, Artheso
Problem z pobieraniem danych z bazy MYSQL w tle
Artheso Problem z pobieraniem danych z bazy MYSQL w tle 31.03.2010, 13:46:34 
