Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: zapis formularza do bazy ajax jquery
Forum PHP.pl > Forum > XML, AJAX > AJAX
john_doe
Witam,

na index.php mam input type text w nim gdy wpisuję znaki działa "autocomplete". Gdy wybiorę coś z listy klikam przycisk pokaż i ajaxem poprzez get wywalam to na ekran (na podstawie pola input sięgam i wybieram rekord z bazy)
Chciałbym to teraz po przyciśnięciu przycisku zapisać do bazy danych. Jednak to moje 1sze boje i nie chula.

uproszczony dla przykładu kod na index.php, alert nie wyskakuje. Dodam że formularz jest wyświetlany ajaxem po naciśnieciu wyżej wspomnianego guzika pokaż.

  1. <script type="text/javascript">
  2.  
  3. $(document).ready(function() {
  4.  
  5. $("#newKnt").click(function() {
  6.  
  7. if( $(this).is(':checked') )
  8. {
  9. $('#inputString').attr('disabled', true);
  10. $('#showBtn').attr('disabled', true);
  11.  
  12. $('#right').fadeIn("slow");
  13. }
  14. else {
  15. $('#inputString').attr('disabled', false);
  16. $('#showBtn').attr('disabled', false);
  17. $('#right').fadeOut("slow");
  18. }
  19. });
  20.  
  21. });
  22.  
  23. $(function() {
  24. $("#addCourseElem").click(function() { // addCourseElem to id przycisku zapisz
  25.  
  26. alert("eciepecie");
  27.  
  28. });
  29. });
  30.  
  31.  
  32. </script>
melkorm
I sądzisz że z tego kawałka "Czegoś" wywróżyć mamy dlaczego coś nie działa? Tutaj nawet AJAX'a nie ma :/
john_doe
Wiem, sorry chciałem przykład uprościć.

  1. <script type="text/javascript">
  2.  
  3. $(document).ready(function() {
  4.  
  5. $("#newKnt").click(function() {
  6.  
  7. if( $(this).is(':checked') )
  8. {
  9. $('#inputString').attr('disabled', true);
  10. $('#showBtn').attr('disabled', true);
  11.  
  12. $('#right').fadeIn("slow");
  13. }
  14. else {
  15. $('#inputString').attr('disabled', false);
  16. $('#showBtn').attr('disabled', false);
  17. $('#right').fadeOut("slow");
  18. }
  19. });
  20.  
  21. });
  22.  
  23. $(function() {
  24. $("#addCourseElem").click(function() {
  25.  
  26. alert("dupa");
  27. /*$("#flash").show();
  28. $("#flash").fadeIn(400).html('<span>Loading...</span>');
  29.  
  30. var kntId = $("input#hiddenKntId").val();
  31. var rabat = $("input#rabat").val();
  32. var dataWplaty = $("input#dataWplaty").val();
  33.  
  34. $.ajax({
  35. type: "POST",
  36. url: "insertCourseElem.php",
  37. data: 'hiddenKntId=' + kntId + '&rabat=' + rabat + '&dataWplaty=' + dataWplaty,
  38. cache: false,
  39. success: function(html){
  40. $("#display").after(html);
  41. $("#flash").hide();
  42. }
  43. });
  44. return false;*/
  45. });
  46. });
  47.  
  48. </script>


formularz mam w pliku php i wywalam go ajaxem w index.php

  1. echo '<form method="POST" name="addToCourseForm" action="" >';
  2.  
  3. echo '<table>';
  4. echo '<tr><td>Rabat: </td><td><input type="text" name="rabat" /></td></tr>';
  5. echo '<tr><td>Prenumerator MP: </td><td><input type="checkbox" name="prenumerator" /></td></tr>';
  6. echo '<tr><td>Liczba osób: </td><td><input type="text" name="liczbaOsob" /></td></tr>';
  7. echo '<tr><td>Data wpłaty: </td><td><input type="text" name="dataWplaty" /></td></tr>';
  8. echo '<tr><td>Status: </td><td><input type="text" name="status" /></td></tr></table>';
  9.  
  10. echo '<input type="hidden" name="hiddenKntId" value="' . $kntId . '" />';
  11. echo '<input type="hidden" name="hiddenCourseId" value="' . $getFromUrl . '" />';
  12. echo '<input type="hidden" name="hiddenDate" value="' . $getDateValue . '" />';
  13.  
  14. echo '<input type="button" class="loginBtn" id="addCourseElem" value="Dodaj" />'; // dawałem też type=submit
  15.  
  16. echo '</form>';
markonix
Jeżeli ajaxem wywołujesz jakieś elementy DOM to musisz skorzystać z jQ live.
john_doe
próbuję wzorować się na tym

http://www.9lessons.info/2009/05/insert-an...jquery-and.html

ale nie wiem gdzie popełniam błąd.....
markonix
Wywal na chwilę wszystko oprócz tego alerta, sprawdź konsolę.

Jeśli nawet nie dociera do tego alerta to po prostu kod jQuery ma jakieś błędy składniowe.
Daj za ready jakiś alert - jQ ma to do siebie, że jak ma gdzieś błąd to zwykle cały nie działa od razu.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.