Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JQuery][MySQL][PHP]Dodawanie usuwanie mysql, operacje na bazach bez przeładowań
robert-0627
post
Post #1





Grupa: Zarejestrowani
Postów: 89
Pomógł: 1
Dołączył: 14.02.2007
Skąd: SZCZECINEK

Ostrzeżenie: (20%)
X----


  1. <html>
  2. <head>
  3. <script type="text/javascript" src="jq.js"></script>
  4. <script>
  5.  
  6. $(document).ready(function(){
  7. $.getJSON('json.php', function(data) {
  8. $.each(data, function(key, val) {
  9. $('.dodaj').append('<div class = "nowy" id='+val['id']+'>' +val['id']+ ' ' +val['title'] +'</div>');
  10. });
  11.  
  12. $(".a").click(function(){
  13. var title = $('#title').val();
  14. var content = $('#content').val();
  15. if(title=='' || content ==''){
  16. alert("wpisz dane"); return;}
  17.  
  18. $.ajax
  19. ({
  20. url: "json_dodaj.php",
  21. data: 'title=' + title + '&content='+content,
  22. success: function(){
  23. $.ajax
  24. ({
  25. url: "json_show.php",
  26. data: 'title=' + title + '&content='+content,
  27. dataType: 'json',
  28. success: function(datatype){
  29. //$('.dodaj').fadeOut("slow");
  30. $('.dodaj').append('<div style="display:none;" class = "nowy" id='+datatype[0]['id']+'>' +datatype[0]['id']+ ' ' +datatype[0]['title'] +'</div>');
  31. //$('.dodaj').fadeIn("slow");
  32. $('.nowy').slideDown(1000);
  33. }}); //AJAX I SUCCESS
  34.  
  35.  
  36. }//SUCCESS
  37. })//AJAX
  38. }); //KLIK GUZIK O KLASIE A
  39.  
  40.  
  41. $(".nowy").click(function(){
  42. var parent = $(this);
  43. var id = $(this).attr('id');
  44.  
  45. $.ajax({
  46. url: "test.php",
  47. data: 'delete=' + id,
  48. success: function(data){
  49. parent.slideUp("slow", function(){parent.remove()});
  50. },
  51. error: function(){ alert("blad"); }
  52.  
  53. }); //AJAX
  54. }); // KLIK na div nowy
  55. });// Gorny GET JSON Dlaczego nawiasy od get json tutaj musza byc zeby dzialalo ?
  56. });
  57. </script>
  58.  
  59. </head>
  60. <body>
  61.  
  62. <div class="dodaj">
  63.  
  64.  
  65. </div>
  66. <div>
  67. <form method="post">
  68. <input id="title" type="text" name="title"><br>
  69. <input id ="content" type="text" name="content"><br>
  70. </form>
  71. <button class="a">GUZIK</button>
  72. </div>
  73.  
  74. </body>
  75. </html>


Test.php od usuwania rekodow


json_dodaj.php odpowiedzialne za dodawanie rekordów
  1. <?php
  2.  
  3. $title = $_GET['title'];
  4. $content = $_GET['content'];
  5.  
  6. require "testmysql.php";
  7.  
  8.  
  9. $a = mysql_query("INSERT INTO `test_table2` (`id`, `title`, `content`) VALUES ('', '$title', '$content')") or die('blad'.mysql_error());
  10.  
  11. $ask = mysql_query("SELECT * FROM `test_table2` ORDER BY `id` DESC LIMIT 1 ");
  12.  
  13. $res[] = mysql_fetch_assoc($ask);
  14.  
  15. // echo $ask[3];
  16. if($res)
  17. echo $b = json_encode($res);
  18.  
  19. mysql_close($link);
  20.  
  21. ?>



json_show.php wyswietlanie ostatniego rekordu w celu dodania go na koncu.
  1. <?php
  2. require "testmysql.php";
  3.  
  4. $ask = mysql_query("SELECT * FROM `test_table2` ORDER BY `id` DESC LIMIT 1 ");
  5.  
  6. $res[] = mysql_fetch_assoc($ask);
  7.  
  8. echo json_encode($res);
  9.  
  10. mysql_close($link);
  11.  
  12. ?>


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ź.
Go to the top of the page
+Quote Post
styryl
post
Post #2





Grupa: Zarejestrowani
Postów: 223
Pomógł: 27
Dołączył: 16.04.2008
Skąd: Bakutilu

Ostrzeżenie: (0%)
-----


Odnośnie jquery to zapoznaj się z:

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

Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 15.09.2025 - 14:40