Problem z ajax

Question

Mam taki kod:

$(document).ready(function(){
	$('#szukaj_przejazdow').click(function(){
		var od = $('#od').val();
		var to = $('#do').val();
		
		$.ajax({
			type : "post",
			url : "szukaj_przejazdow.php",
			data :
			{
				od :od,
				to : to
			},
			complete : function(){
				
			},
			success: function(msg){
				$('#wynik').html(msg);
			},
			error: function(){
				alert("wystapil blad w polonczeniu");
			}
		}); // koniec ajax
	}); // koniec funkcji click
}); // koniec funkcji ready

Wynikiem tego skryptu php jest proste echo ktore składa się z tekstu ze zmiennymi.

Jeśli zamiast $('#wynik').html(msg); wstawię alert(msg); to wyświetla mi ładnie wynik w okienku, Natomiast jeśli wstawiam to do diva wynik to po wciśnieciu przycisku, albo wynik pojawia się na ułamek sekundy i znika, albo wcale się nie pojawia.

Co może być tego przyczyną?

Answer 1

A nie ma jakiejś akcji, która kasuje zawartość tego elementu?

Comments

Raczej nie mam nic takiego. PHP wyglada tak:

<?php
	
	$od = $_POST['od'];
	$do = $_POST['to'];
	
	echo "Wyszukaj przejazdy od: ".$od." do: ".$do;
	
?>

 

---

A czy przypadkiem to nie jest przypięte do kliku na przycisku wysyłania formularza?

---

W formularzu mam tylko:

<button class="buttonZaloguj" id="szukaj_przejazdow">Pokaż</button>

Już mnie załamka bierze ponieważ dane zwraca zarówno alertem, jak i document.write, a do diva nie chce wstawić

<div id="wynik"></div>

 

---

To jesteśmy w domu ;) Strona się odświeża, bo przycisk w formularzu go wysyła. Stąd nic się nie pokazuje.

$('#szukaj_przejazdow').click(function(){

zamień na:

$('#szukaj_przejazdow').click(function(e){
    e.preventDefault();

i poczytaj o eventach na MDN ;)

Powinno pomóc.

---

No tak teraz wszystko śmiga jak się patrzy.

Dziękuje serdecznie za pomoc, muszę faktycznie coś poczytać na ten temat, bo nie spodziewałem się że w tym może być problem i za badzo dalej nie wiem dlaczego to poprawiło sytuacje, ale przynajmniej dobra lekcja z tego przykładu.

Pozdrawiam :)

---

Mam jeszcze pytanko, ponieważ potrzebuje jeszcze raz wywołać tą funkcje poprzez inną funkcje anonimową. Tutaj znów zaczynają się schody. Mam teraz funkcje:

function szukajprzejazdow(e)
{
e.preventDefault();
tresc funkcji;
}

I jeśli wywołam ją zdarzeniem: $('#szukaj_przejazdow').click(szukajprzejazdow);

to wszystko jest ok, ale jeśli w innej funkcji chcę to wywołać np. szukajprzejazdow(), lubszukajprzejazdow; albo szukajprzejazdow(e); to juz nie działa. 

Mam pytanie czy jakoś da się to obejść, oraz czy są na necie jakieś artykuły w których jest to w miarę łopatologicznie opisane, bo nie mogę tego ogarnąć. 

---

Musisz przekazać to e:

$('elem').on( 'event', function(e) {
    innaFunkcja( e );
} );

 

---

Qrde nie wiem czy sie dobrze zrozumieliśmy. Chcę wywołać funkcję szukajprzejazdów z innego miejsca w kodzie. Nie za pomocą zdarzenia, tylko normalnie np: szukajprzejazdow(), ale nie działa. :(

Z góry dziękuje za poświęcony mi czas.

---

Hmm…

e && e.preventDefault();

?

---

Dziękuje. Teraz wszystko działa. Szkoda że nie do końca wiem o co biega, no, ale widocznie jeszcze zbyt mało wiedzy posiadam. Dzięki za pomoc, pozdrawiam :)

---

To jest po prostu prostszy zapis tego:

if ( e ) {
    e.preventDefault();
}

 

Answer 2

Próbowałem:

alert(msg); działa,

document.write(msg); działa,

$('#wynik').html(msg); czasami wyświetli zawartość na ułamek sekundy, a za kolejnym wykonaniem wogóle :(