Facebook connect de este tutorial

randy05 · #1 (**permalink**) 30/05/2013, 22:24

[align=center]hola compañeros como estan[/align]

hace unos dias tenia una tarea que tenia que hacer un facebbok conect y encontre este tutorial buscando en la web, que va de 10 funciona de las mil maravillas.

http://www.saaraan.com/2012/05/ajax-facebook-connect-with-jquery-php

el prooblema es q cuando uno se loguea el hace la comprobacion y todo y luego te devuelve a donde estas mostrandote un array con los datos obtenidos

Ejem;

Array
(
[id] => 10000000000000000
[name] => Juan Garcia
[first_name] => Juan
[last_name] => Garcia
[link] => http://www.facebook.com/asdadsdasd
[username] => dasdadasdas
[hometown] => Array

y si actualizo la pagina me muestra un mensaje personalizado con mi nombre..

he hay mi duda lo que quiero hacer es que en vez de que me muestre el array me muestre el mensaje directamente sin tener que actualizar la pagina.

repara2 · #2 (**permalink**) 31/05/2013, 03:47

he hay mi duda lo que quiero hacer es que en vez de que me muestre el array me muestre el mensaje directamente sin tener que actualizar la pagina. para esto necesitas AJAX, consulta un tutorial en este mismo foro. Saludos,

randy05 · #3 (**permalink**) 31/05/2013, 05:27

exacto es eso lo que no logro entender mira el escript

<head>
<script>
function AjaxResponse()
{
var myData = 'connect=1'; //For demo, we will pass a post variable, Check process_facebook.php
jQuery.ajax({
type: "POST",
url: "process_facebook.php",
dataType:"html",
data:myData,
success:function(response){
$("#results").html('<fieldset style="padding:20px">'+response+'</fieldset>'); //Result
},
error:function (xhr, ajaxOptions, thrownError){
$("#results").html('<fieldset style="padding:20px;color:red;">'+thrownError+'</fieldset>'); //Error
}
});
}

function LodingAnimate() //Show loading Image
{
$("#LoginButton").hide(); //hide login button once user authorize the application
$("#results").html('<img src="ajax-loader.gif" /> Please Wait Connecting...'); //show loading image while we process user
}

function ResetAnimate() //Reset User button
{
$("#LoginButton").show(); //Show login button
$("#results").html(''); //reset element html
}

</script>
</head>

Y este es el Boton de facebook

<div id="fb-root"></div>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({appId: '<?php echo $appId; ?>',cookie: true,xfbml: true,channelUrl: '<?php echo $return_url; ?>channel.php',oauth: true});};
(function() {var e = document.createElement('script');
e.async = true;e.src = document.location.protocol +'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);}());

function CallAfterLogin(){
FB.login(function(response) {
if (response.status === "connected")
{
LodingAnimate(); //Animate login
FB.api('/me', function(data) {
if(data.email == null)
{
//Facbeook user email is empty, you can check something like this.
alert("You must allow us to access your email id!");
ResetAnimate();

}else{
AjaxResponse();
}
});
}
});
}

</script>

repara2 · #4 (**permalink**) 01/06/2013, 01:35

OK, pero tendrás que consultar un foro AJAX, esto es PHP. Salu2!