Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/06/2013, 17:57
Avatar de randy05
randy05
 
Fecha de Ingreso: agosto-2012
Mensajes: 37
Antigüedad: 11 años, 7 meses
Puntos: 1
[B]funcion ajax no entiendo ayuda[/B]

Hola compañeros como estan

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:
<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>
y este en body

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>