Comment importer dans des données dans ma base à partir d'un code Javascript ? [Résolu]

[AurelienNF]

Bonjour à tous,

Je cherche à récupérer des informations utilisateurs via Facebook Connect.
J'ai récupéré un code de Facebook qui me permet d'afficher ces infos en javascript mais je ne sais pas s'il est possible (et si oui comment) les enregistrer dans ma base de données.

Actuellement je dispose du code suivant pour afficher les infos utilisateurs Facebook:

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
 <div id="wrapper"><link rel="stylesheet" href="css/design.css"media="screen" />
 
<div id="fb-root"></div>
<script src="http://connect.facebook.net/fr_FR/all.js"></script>
<script>
	FB.init({
		appId  : '188625344511904',
		status : true, // check login status
		cookie : true, // enable cookies to allow the server to access the session
		xfbml  : true  // parse XFBML
	});
</script>
<script>
	$(document).ready(function() {
		FB.Event.subscribe('auth.login', function(response) {
		  	FB.api('/me', function(response) { 
 
		  		var url = 'http://graph.facebook.com/' + response.id + '/picture';
 
		  		$('#facebook_profile_image').html('<img src="' + url + '" alt="#" />');
		 		$('#facebook_profile_text').html('<p><a href="' + response.link + '"><strong>' + response.name + '</strong></a><br /><a href="#" id="facebook_logout">Deconnexion</a>');
 
		 		var user_data = '<ul><li>Votre date de naissance : ' + response.birthday + '</li><li>Votre adresse email : ' + response.email + '</li><li>Votre bio : ' + response.bio + '</li>';
		 		$('#facebook_user_data').html(user_data);
 
		 		FB.api('/me/posts', function(response) {
 
					var messages = '<li>Vos 3 derniers statuts : <ul>';
 
					$.each(response.data, function(key, value) {
 
						messages += '<li>' + value.message + '</li>';							
						return (key != 2);
 
					}); 
 
					messages += '</ul></li></ul>';
 
					$('#facebook_user_data').append(messages);
 
				});
 
			});
 
		  	$('#facebook_button_box').hide();
			$('#facebook_profile').show();
		});
 
		FB.getLoginStatus(function(response) {
		  	if (response.session) {
		  		FB.api('/me', function(response) { 
 
		  			var url = 'http://graph.facebook.com/' + response.id + '/picture';
 
		  			$('#facebook_profile_image').html('<img src="' + url + '" alt="#" />');
		 			$('#facebook_profile_text').html('<p><a href="' + response.link + '"><strong>' + response.name + '</strong></a><br /><a href="#" id="facebook_logout">Deconnexion</a>');
 
		 			var user_data = '<li>Votre date de naissance : ' + response.birthday + '</li><li>Votre adresse email : ' + response.email + '</li><li>Votre bio : ' + response.bio + '</li>';
		 			$('#facebook_user_data').html(user_data);
 
		 			FB.api('/me/posts', function(response) {
 
						var messages = '<li>Vos 3 derniers statuts : <ul>';
 
						$.each(response.data, function(key, value) {
 
							messages += '<li>' + value.message + '</li>';							
							return (key != 2);
 
						}); 
 
						messages += '</ul></li>';
 
						$('#facebook_user_data').append(messages);
 
					});
 
				});
 
		  		$('#facebook_button_box').hide();
				$('#facebook_profile').show();
 
		  	}
		});
 
		$('#facebook_logout').live('click', function() {
			FB.logout(function(response) {
		  		$('#facebook_button_box').show();
		  		$('#facebook_profile').hide();
			});
			return false;
		});			
	});
</script>
 
 
 
<div class="box">
	<div id="social_networks">
		<div id="facebook_button_box">
			<fb:login-button show-faces="true" width="450" perms="email,user_birthday,read_stream"></fb:login-button>
		</div>
	</div>
	<div id="social_networks_profiles">
		<div id="facebook_profile" style="display:none;">
			<div id="facebook_profile_image" style="width:50px;height:50px;margin-left:20px;float:left;">
 
 
			</div>
			<div id="facebook_profile_text" style="height:50px;margin-top:-3px;margin-left:5px;float:left">
 
			</div>
			<div class="clear"></div>
			<ul id="facebook_user_data">
 
			</ul>
		</div>
		<div class="clear"></div>
	</div>
 
</div></div>

Comment faire pour solutionner mon problème ?

Merci par avance,

Aurélien

[Benjamin Delespierre]

Il faut utiliser Ajax pour ça:
- Pour jQuery: http://api.jquery.com/category/ajax/
- Pour Prototype: http://www.prototypejs.org/api/ajax
- Pour Mootools: http://demos111.mootools.net/Ajax

[Vil'Coyote]

ou le tuto de dvp : http://siddh.developpez.com/articles/ajax/

[AurelienNF]

Merci pour vos réponses, je tente avec Ajax.

Aurélien