Facebook js SDK与Ajax变量一起发送到PHP

Question

First of all thank you for your atention. What I would like is to use the Facebook js SDK to get the user's name and id and send them to php in the same page (index.php). I manage to get the username and id and save them in 2 variables in JS (js_fb_id and js_fb_name), but when I try to make the ajax call and sent them to php, nothing happens.

So, on my index.php i have the ajax script

            var js_fb_id = response.id; 
            var js_fb_name = response.name; //this variables are set after the user is loged in
                $.post( 'index.php', 
                    {
                    php_fb_id: js_fb_id,
                    php_fb_id: js_fb_name
                    },

                function (data){

                     console.log(data);
                }
            ) 

Later on, I want to get the variables send via AJAX

        <?php if ( isset( $_POST['php_fb_id'] ) ) {
                echo $_POST['php_fb_id'];
            }
        ?>

Is this possible? It works when I use a separate page to make the AJAX call, but I cannot get the php variables from there to my index.php page.

Thank you

Answer 1

So basically what is happening here is that the ajax script is triggered on page load. However this is only after the dom has already been rendered. To fix this you will need to trigger the ajax function on a specific event , for eg: button click.

Also note that since your entire page is in html you ajax function is returning the entire page as 'data' and not spacifically the php variables that you are trying to set.(You will be able to see this in the console)

Also note that if you want to print the values on the page you will have to modify the html in the callback function through ajax for eg:

$(document).ready(function() {

 $('#post').click(function() {

      $.post( 'text.php', 
                    {
                    php_fb_id: js_fb_id,
                    php_fb_name: js_fb_name
                    },

                function (data, status){

                 $("#txt").html(data); //you can print returned data 
                     console.log(data);
                }
            ) 

  });
}); 

This should go in a separate php file say text.php

<?php 
    if ( isset( $_POST['php_fb_id'] ) ) {
                echo $id = $_POST['php_fb_id'];
            }

?>

Answer 2

Your code looks fine, except that you passing php_fb_id twice in the parameter.

$.post( 'index.php', {
   php_fb_id: js_fb_id,
  php_fb_id: js_fb_name
},

Except this, parameter are passing into index.php and getting captured too. so you can go ahead with php operation there. Do let me know what is the problem you facing in this code? will definitely try to help

Answer 3

Do Something like this:

if ($_SERVER['REQUEST_METHOD'] === 'POST') { //check if it's Post request
    if( isset( $_POST['php_fb_id']  && isset( $_POST['php_fb_name']) {
        $name = $_POST['php_fb_name'];
        $id = $_POST['php_fb_id'];
        ....
        echo "OK";
    }else{
        echo "ERROR, need input";
    }
else{
    //Your Index Code Here
}