Jquery + Ajax eliminare refresh

**wino_7** · 30-01-2012, 17:44

Salve a tutti,
devo richiamare uno script lato server al click su un link, però vorrei che il browser resti nella pagina dove si trova e dunque non seguire il link.
Posto il codice:

codice:

........[*]Apri 
.......
<script type="text/javascript"> 
document.getElementById("apri").onclick = function(){
 
	$.ajax({
	     type: "GET",
	     url: "apri.php",
	     success: function(dati){
	         return false;
	     },
	     error: function(richiesta,stato,errori){
	    	 return false;
	     }
	});
		
return false;
};
</script> 
</body> 
</html>

sapevo che per impedire al browser di seguire la chiamata nella nuova pagina, basta inserire il return false; ma non funziona.

**Vindav** · 30-01-2012, 18:13

href="#"

l'url è già specificato nella chiamata ajax, i return false non ti servono, inoltre per applicare un evento ad un elemento della pagina puoi utilizzare i selettori di jquery.

**wino_7** · 30-01-2012, 18:17

Se setto href="#" direttamente da html e javascript è disabilitato l'utente non potrà mai aprire.
Dunque devo lasciare href="apri.php" ed impedire al browser di seguire la chiamata ajax sulla nuova pagina

**Vindav** · 30-01-2012, 18:27

http://api.jquery.com/event.preventDefault/

**wino_7** · 30-01-2012, 18:38

Grazie dell'aiuto ma nemmeno ora funziona.

Codice PHP:


$("#apri").click(function(event) {

 event.preventDefault();

 $.ajax({ type: "GET",

             url: "apri.php", });

});

Non capisco perchè!!!
Mi sembra assurdo poichè il ruolo di ajax è proprio quello di non dover ricaricare le pagine.
Dunque perchè assume questo comportamento di default????

**Vindav** · 30-01-2012, 19:03

Ci sarà qualche errore js:

codice:

$(function(){
$("#apri").click(function(event){
	event.preventDefault();
	$.ajax({ type: "GET", 
        url: "apri.php" }); 
});
});

Dunque perchè assume questo comportamento di default????

L'evento è il click su un link, se non vuoi che avvenga devi intercettare e impedire la chiamata http, ajax non centra nulla

**thecodingmonk** · 30-01-2012, 20:02

In ogni caso, anche se il tuo codice funzionasse correttamente, non fa nulla con la risposta alla richiesta AJAX quindi non caricherebbe il contenuto della pagina ugualmente.

**wino_7** · 31-01-2012, 12:16

Il mio codice non deve caricare nulla.
Deve solo chiamare uno script sul server e rimanere fermo nella pagina in cui si trova.
Lo script sul server farà delle cose che all'utente non interessa perciò non devo notificare nulla.
Dunque come posso fare che cliccando su un link effettuo una chiamata allo script senza fare nient'altro?

**thecodingmonk** · 31-01-2012, 12:34

Ah, avevo capito che tu volessi caricare il contenuto di apri.php in un div, e invece, nel caso in cui AJAX fosse disabilitato aprire direttamente apri.php nel browser... In questo caso il tuo codice dovrebbe essere giusto, del resto ho provato questo che è praticamente uguale al tuo e funziona:

codice:

<html>
	<head>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
		<script type="text/javascript">
			$(function() {
				$('#click').click(function() {
					$.get('URL', function(data) {
						// ...
					});
					return false;
				});
			});
		</script>
	</head>
	<body>
		Apri
	</body>
</html>

L'ho testato con Firefox ed è tutto ok, a questo punto potrebbe essere un problema di browser. Che utilizzi?

**wino_7** · 31-01-2012, 15:24

Ragazzi grazie dell'aiuto, ma era abbastanza normale che non funzionasse se nel mio codice mancava questo

codice:

<script type="text/javascript" src="Javascript/jquery-1.7.1.min.js"></script>

io l'ho sempre detto che la programmazione fa male al cervello.

Discussione: Jquery + Ajax eliminare refresh

Strumenti discussione

Ricerca discussione

Visualizza

Jquery + Ajax eliminare refresh

Permessi di invio