Forum PHP.pl > [JQuery][MySQL][PHP]Dodawanie usuwanie mysql

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JQuery][MySQL][PHP]Dodawanie usuwanie mysql

robert-0627

29.07.2012, 22:01:23

[PHP] pobierz, plaintext 
<html>
<head>
<script type="text/javascript" src="jq.js"></script>
<script>
 
$(document).ready(function(){
 $.getJSON('json.php', function(data) {
			  $.each(data, function(key, val) {
			   $('.dodaj').append('<div class = "nowy" id='+val['id']+'>' +val['id']+ ' ' +val['title'] +'</div>');
			  });
 
  	$(".a").click(function(){
			var title = $('#title').val();
			var content = $('#content').val();
			if(title=='' || content ==''){
			alert("wpisz dane"); return;}
 
			$.ajax
			({
			url: "json_dodaj.php",
			data: 'title=' + title + '&content='+content,
			success: function(){
					$.ajax
					({
					url: "json_show.php",
					data: 'title=' + title + '&content='+content,
					dataType: 'json',
					success: function(datatype){
				//$('.dodaj').fadeOut("slow");
$('.dodaj').append('<div style="display:none;" class = "nowy" id='+datatype[0]['id']+'>' +datatype[0]['id']+ ' ' +datatype[0]['title'] +'</div>');
					//$('.dodaj').fadeIn("slow");
					$('.nowy').slideDown(1000);
								}}); //AJAX I SUCCESS
 
 
													}//SUCCESS
								})//AJAX
								});  //KLIK GUZIK O KLASIE A
 
 
		 $(".nowy").click(function(){
			var parent = $(this);
			var id = $(this).attr('id');
 
				$.ajax({
					url: "test.php",
					data: 'delete=' + id,
					success: function(data){				
						parent.slideUp("slow", function(){parent.remove()});
													},
					error: function(){ alert("blad"); }
 
						}); //AJAX
					}); // KLIK na div nowy
			 });// Gorny GET JSON     Dlaczego nawiasy od get json tutaj musza byc zeby dzialalo ?
});
</script>
 
</head>
<body>
 
<div class="dodaj">
 
 
</div>
<div>
<form method="post">
<input id="title" type="text" name="title"><br>
<input id ="content" type="text" name="content"><br>
</form>
<button class="a">GUZIK</button>
</div>
 
</body>
</html>
[PHP] pobierz, plaintext

Test.php od usuwania rekodow

json_dodaj.php odpowiedzialne za dodawanie rekordów

[PHP] pobierz, plaintext 
<?php
 
$title = $_GET['title'];
$content = $_GET['content'];
 
require "testmysql.php";
 
 
$a = mysql_query("INSERT INTO `test_table2` (`id`, `title`, `content`) VALUES ('', '$title', '$content')") or die('blad'.mysql_error());
 
$ask = mysql_query("SELECT * FROM `test_table2` ORDER BY `id` DESC LIMIT 1 ");
 
 $res[] = mysql_fetch_assoc($ask);
 
// echo $ask[3];
if($res)
echo $b =  json_encode($res);
 
mysql_close($link);
 
?>
[PHP] pobierz, plaintext

json_show.php wyswietlanie ostatniego rekordu w celu dodania go na koncu.

[PHP] pobierz, plaintext 
<?php
require "testmysql.php";
 
$ask = mysql_query("SELECT * FROM `test_table2` ORDER BY `id` DESC LIMIT 1 ");
 
 $res[] = mysql_fetch_assoc($ask);
 
 echo json_encode($res);
 
 mysql_close($link);
 
?>
[PHP] pobierz, plaintext

Witam wszystkich. Mam następujący problem. Chciałem napisać sobie skrypcik który (bez przeładowania wszystko) wyświetli dane z bazy danych a następnie po dodaniu rekordu w drobnym formularzyku doda ten rekord na końcu wyświetlania. A klikając na jakis wpis będzie usuwać odpowiedni rekord. Skrypt działa w 90 %. Jedyną rzeczą jaką nie działa jest to, że po wyświetleniu na końcu nowego rekordu po kliknięciu na niego rekord nie usuwa się.
Ogólnie chciałbym was jeszcze prosić o jakieś porady bo jakoś nie wydaje mi się, żeby to było jakoś zgodne ze standardami. Oraz jak najlepiej coś takiego zrobić bo też wydaje mi się, że moja metoda nie jest najlepsza.

Z góry dziękuje za odpowiedź.

styryl

31.07.2012, 14:54:55

Odnośnie jquery to zapoznaj się z:

1. http://api.jquery.com/live/
2. http://api.jquery.com/delegate/

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.