Una breve historia para que me entiendan
Hace unos dias me pusieron hacer una tarea el cual consistia en hacer una aplicacion
que tuviera un sistema de login normar por formulario y que tuviera facebook conect
el login lo hise con dreamweaver y el facebook conect lo hise de este tutorial
http://www.saaraan.com/2012/05/ajax-facebook-connect-with-jquery-php
el problema esta en el facebook conect el cual tiene una series de funciones en ajax el cual se llama un archivo y hace la consulta y luego me muestra los datos otenidos en un div todo eso dinamicamente sin recargar la pagina cuando reacargo la pagina manuamente es decir con f5 me manda al index
lo que quiero hacer es que en vez de que me muestre los datos en el div, el haga la consulta y me mande al index directamente sin que yo le de manuamente a refrescar la pagina.
esta es la funcion...
este troso de codigo va en el head
Código:
y este en body<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>
Código:
<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>
