Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> zapis formularza do bazy ajax jquery
john_doe
post
Post #1





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

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


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





Grupa: Zarejestrowani
Postów: 1 366
Pomógł: 261
Dołączył: 23.09.2008
Skąd: Bydgoszcz

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


I sądzisz że z tego kawałka "Czegoś" wywróżyć mamy dlaczego coś nie działa? Tutaj nawet AJAX'a nie ma :/


--------------------
Go to the top of the page
+Quote Post
john_doe
post
Post #3





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

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


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>';
Go to the top of the page
+Quote Post
markonix
post
Post #4





Grupa: Zarejestrowani
Postów: 2 707
Pomógł: 290
Dołączył: 16.12.2008
Skąd: Śląsk

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


Jeżeli ajaxem wywołujesz jakieś elementy DOM to musisz skorzystać z jQ live.


--------------------
Go to the top of the page
+Quote Post
john_doe
post
Post #5





Grupa: Zarejestrowani
Postów: 873
Pomógł: 25
Dołączył: 24.07.2005

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


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





Grupa: Zarejestrowani
Postów: 2 707
Pomógł: 290
Dołączył: 16.12.2008
Skąd: Śląsk

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


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.


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 19.08.2025 - 09:04