Discussion :

[20cents]

Bonsoir à tous,

Voilà mon problème, je viens d'installé Facebook Connect, et je connais des problèmes pour les variables lors de l'appel Ajax.

En fait j'ai un fichier facebook.js, dans lequel j'ai :

- un appel ajax qui me sert à creer des variables de session

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
$.ajax({ // Requete ajax
		type: "POST", // envoie en POST
		url: "http://www.jaimetoo.com/cayoteux/includes/connexion.inc.php", // url cible du script PHP
		data: "uid="+uid+"&name="+name+"&image="+image+"&url="+url, // données envoyées
   });

- un remplissage du formulaire pour les commentaires :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
// Remplissage des formulaires en utilisant les donnees des services
	$('#name').val(name);
	$('#url').val(url);
	$('#image').val(image);

Le fichier comment.php qui récupere les variable du formulaire envoyées par post sont correctement enregistrées dans la base de données, notamment l'url de l'avatar de l'utilisateur.

Le probleme se pose lors de l'appel ajax, les valeurs récuperees dans le fichiers connexion.php, sont toutes bonnes sauf celle contenant l'url de l'avatar, qui est plus courte.

Au lieu de :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
http://external.ak.fbcdn.net/safe_image.php?d=d8db60c7e3f981217aee7b6f4d8968de&url=http%3A%2F%2Fprofile.ak.fbcdn.net%2Fhprofile-ak-snc4%2F41773_691287339_634_q.jpg&logo&v=5

j'ai

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
http://external.ak.fbcdn.net/safe_image.php?d=d8db60c7e3f981217aee7b6f4d8968de

Comme si le "&" posait problème. Pourtant dans les deux cas c des données JS, envoyées par post, l'un par formulaire, l'autre avec un appel Ajax et pourtant les données différent.

Je comprend pas, aidez-moi xD

Merci d'avance

[nadox]

Bonsoir,
Les paramètres utilisés par l'appel ajax sont découpé grâce au "&" donc si l'un d'eux contient ce caractère, le reste sera considéré comme un autre paramètre.
En gros, il faut remplacer tout les "&" par "&".
Mieux : faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

url = encodeURIComponent(url);

avant de l'utiliser en ajax.

[Bovino]

Euh... je comprends pas trop en fait
la propriété url, pour toi, c'est l'URL de destination de la requête ou le paramètre à envoyer ? Dans le second cas, tu commets une erreur

Sinon, il faut faire un truc du style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

data: "uid="+uid+"&name="+name+"&image="+image+"&url="+encodeURIComponent(url)

afin d'échapper les caractères spécifiques d'une URL dans le paramètre.

[Eric2a]

Salut,

En fait, ce sont toutes les paires clé/valeur qui doivent être converties.

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
data:
	"uid="+encodeURIComponent(uid)+
	"&name="+encodeURIComponent(name)+
	"&image="+encodeURIComponent(image)+
	"&url="+encodeURIComponent(url)

L'idéal est d'automatiser tout ça avec une fonction qui retourne une chaîne de caractères composée de toutes les paires clé/valeur converties et séparés par l'esperluette.

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function encodeData(data){
	var k,s=[];
	for(k in data)s.push(encodeURIComponent(k)+'='+encodeURIComponent(data[k]));
	return s.join('&');
}

où l'argument data correspond à un objet contenant les paires clé/valeur...

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
data: {
	cle1:'valeur 1',
	cle2:'Valeur 2',
	// etc...
}

À tester...

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
$.ajax({ // Requete ajax
	type: "POST", // envoie en POST
	url: "http://www.jaimetoo.com/cayoteux/includes/connexion.inc.php", // url cible du script PHP
	data: encodeData( { // données envoyées
		uid:uid,
		name:name,
		image:image,
		url:url
	})
});

[andry.aime]

N'utiliser pas name comme non de variable.

Et oui, c'est du copier coller.

[20cents]

Merci à tous le encodeURIComponent fonctionne très bien