add jquery tab via ajax : refresh

Version imprimable

Bonjour,
je suis débutante en jquery et j'ai besoin de votre aide.
dans mon appli php, j'utilise jquery pour ajouter dynamiquement une tab via un ajax call. ce tab contient un formulaire que je dois valider en php.

le add tab marche bien, mais je comprends pas pourquoi quand je fais un refresh de ma page html ou bien si mon formualaire est renvoyé avec des erreurs, mon nouveau tab disparait.

y a un moyen de récupérer l'url ajax en cas de refresh d'une page par exp?

merci!!
Code:

1 2 3 4 5 6 7 8 9 10 11 12 $( "#tabs" ).tabs( "add", "#newTab" , mytitle ); .................... function getMyContent() { var req = $.ajax({ type: 'GET', url: myurl, async: false }).responseText; return req; }

Il faut réaliser la transaction AJAX sans provoquer un rechargement de la page. Exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
$( "#monForm" ).submit( function(){
	var str = $( this ).serialize(),
		jqXHR = $.get( "monFichier.php", str );
 
	jqXHR.done( function( data, textStatus, jqXHR ){
		// succès de la transaction, on doit traiter le contenu de data
		console.log( data, textStatus, jqXHR );
 
	});
 
	jqXHR.fail( function( jqXHR, textStatus, errorThrown ){
		// échec de la transaction, gérer la catastrophe
		console.log( jqXHR, textStatus, errorThrown );
 
	});
 
        // éventuellement
        /*
	jqXHR.always( function( jqXHR, textStatus ){
		// la transaction est terminée
		console.log( jqXHR, textStatus );
	});
        */
 
	return false;
});

01/07/2013, 02h25
omdafer
Bonjour,
déjà si tu fais un refresh ou que tu envois le formulaire sans faire de return false; , la page se recharge à l'état initial ou exactement à la page que tu as demandé dans url: myurl avec toutes ses variables.

Pour avoir l'url c'est :
Code:

1 2 3 $(location).attr('href'); //ou window.location
Si tu mets des variables dans ton url, n'oublies pas de convertir ce qu'elles contiennent avec "encodeURIComponent", surtout si c'est une chaine de caractères.

Mais tu sais qu'en AJAX/jQuery, tu peux envoyer juste le formulaire sans recharger toute la page? avec return false; comme dans l'exemple de danielhagnoul