[PHP][AJAX]Jak wysłać form bez przeładowania Opcje

[denis95x]

Witam wszystkich,

nie mogę sobie poradzić, żeby po wciśnieciu entera wysyłało mi poniższy formularz, ale bez przeładowania.

Gdzie błąd, co zmienić? HELP!

Formularz:

[HTML] pobierz, plaintext 
<form method="POST" action="">
                  <div class="input-group">
                    <input class="form-control" id="tresc_komentarza" name="tresc_komentarza" placeholder="Wpisz notatkę lub komentarz...">
                    <div class="input-group-btn">
                      <input type="button" class="btn btn-success" id="wyslij" name="wyslij" value="zapisz" />
                    </div>
                  </div>
	</form>
[HTML] pobierz, plaintext 

Kod JS:

[JAVASCRIPT] pobierz, plaintext 
jQuery(document).ready(function() {
$(document).on("submit", "#wyslij", function () { 
 
	var id_polaczenia = <? echo $id3; ?>;
	var id_user = <? echo $admin_online[id]; ?>;
	var tresc_koment = $('#tresc_komentarza').val();
 
		$.ajax({
				url: "pages/send_msg.php",
				type: "POST",
				data: 'id_pol=' + id_polaczenia + '&id_us=' + id_user + '&tresc_msg=' + tresc_koment,
				success: function(msg) {
					$('#tresc_komentarza').val('');
				}
			});
 
		});
 
});
[JAVASCRIPT] pobierz, plaintext 

Domyślam się, że chodzi o tek fragment albo coś w formie

$(document).on("submit", "#wyslij", function () {

Ten post edytował denis95x 6.10.2016, 09:34:24

[emstawicki]

https://api.jquery.com/event.preventdefault/

[denis95x]

Ale jak to zastosować do przesłania forma enterem i kliknięciem w button, ale bez odświeżenia strony ?

[emstawicki]

utwórz event dla forma np.

[PHP] pobierz, plaintext 
$( "form" ).submit(function( e) {});
[PHP] pobierz, plaintext 

Chyba że nadasz mu id:

[PHP] pobierz, plaintext 
$( "#mojformularz" ).submit(function( e) {});
[PHP] pobierz, plaintext 

wtedy nie będzie zależności jak została wywołana wysyłka formularza

[denis95x]

Nooo okej, działa, ale dalej odświeża stronę

[Kishin]

tak z ciekawości, czemu on submit, a nie on click?

[denis95x]

zmienione już na

[JAVASCRIPT] pobierz, plaintext 
jQuery(document).ready(function() {
 
$( "#newkomentarz" ).submit(function(e) {
 
 
	var id_polaczenia = <? echo $id3; ?>;
	var id_user = <? echo $admin_online[id]; ?>;
	var tresc_koment = $('#tresc_komentarza').val();
 
		$.ajax({
				url: "pages/send_msg.php",
				type: "POST",
				data: 'id_pol=' + id_polaczenia + '&id_us=' + id_user + '&tresc_msg=' + tresc_koment,
				success: function(msg) {
					$('#tresc_komentarza').val('');
				}
			});
 
										});
 
								});
[JAVASCRIPT] pobierz, plaintext 

Chciałbym, żeby wysyłało zarazem po wciśnieciu entera jak i kliknięciu "zapisz"

[viking]

Żeby mieć czytelne w data przekaż obiekt -> data: {id_pol: id_polaczenia, id_user: ...}.
Success jest przestarzałe w v3. Teraz się używa http://api.jquery.com/deferred.done/
I jeszcze input type=submit.

Ten post edytował viking 6.10.2016, 11:07:24

[emstawicki]

A to gdzie masz w swoim kodzie?
https://api.jquery.com/event.preventdefault/

[denis95x]

Przyznam sie szczerze, że nie bardzo wiem jak to zastosować :/

[emstawicki]

Dodaj po prostu do funkcji, która jest pod submit...

[PHP] pobierz, plaintext 
    jQuery(document).ready(function() {
 
    $( "#newkomentarz" ).submit(function(e) {
      e.preventDefault();
 
    	var id_polaczenia = <? echo $id3; ?>;
    	var id_user = <? echo $admin_online[id]; ?>;
    	var tresc_koment = $('#tresc_komentarza').val();
 
    		$.ajax({
    				url: "pages/send_msg.php",
    				type: "POST",
    				data: 'id_pol=' + id_polaczenia + '&id_us=' + id_user + '&tresc_msg=' + tresc_koment,
    				success: function(msg) {
    					$('#tresc_komentarza').val('');
    				}
    			});
 
    										});
 
    								});
[PHP] pobierz, plaintext 

ps.
mam nadzieję, że dla formularza w html nadałeś id newkomentarz?

Ten post edytował emstawicki 6.10.2016, 11:14:57

[denis95x]

Tak, dzięki już inaczej to rozwiązałem