AJAX - wysyłanie bez odświeżania strony Opcje

[piotr485]

Witam, napisałem taki kod:

[JAVASCRIPT] pobierz, plaintext 
<script>
 
 
      $(function () {
        $('form').bind('click', function (event) {
 
event.preventDefault();// using this page stop being refreshing 
var IDS = $(this).attr('data-send');
          $.ajax({
            type: 'POST',
            url: '/ajax.php',
            data: $('form').serialize() + '&ids='+ IDS,
 
            success: function () {
              alert('dodano rekord');
            }
          });
 
        });
      });
</script>
[JAVASCRIPT] pobierz, plaintext 

do tego formularz:

[HTML] pobierz, plaintext 
<form action="#wynik" method="POST" style="background: red;">	
	<div><input type="submit" name="akcja1" value="Akcja 1" data-send="25"></div>
	<div><input type="submit" name="akcja2" value="Akcja 2" data-send="27"></div>
</form>
[HTML] pobierz, plaintext 

w pliku ajax.php mam dodawanie rekordu do bazy.

i teraz mam kilka pytań:

1. Wysyłanie do bazy działa po kliknięciu, ale w pliku ajax.php mam jeszcze zmienną $_POST['ids'] i ją dodaje do bazy, ale nie jest ona odczytywana (czyta mi undefined) musi być gdzieś błąd przy jej poborze w skrypcie ajax'a, ale nie mogę go namierzyć
2. chciałbym, aby po dodaniu rekordu poprzez kliknięcie odświeżać jednego diva, tylko jak przekazać to do skryptu że po kliknięciu w jakikolwiek submit ma się odświeżać dany div z zapytaniem mysql
3. dlaczego rekord się również wysyła do bazy w przypadku kiedy kliknę w okolicach przycisku input a nie bezpośrednio w niego (a dokładnie to tam gdzie jest tło dla <form>)

proszę o pomoc, z góry dziękuję

Ten post edytował piotr485 4.09.2016, 09:55:20