javascript - I failed to get data from js through ajax to php

Question

I failed to get data from below js through ajax to php, is there someone who can help me to solve his problem?

// Testing Graph API after login.
// See statusChangeCallback() for when this call is made.
function testAPI() {

  console.log('Welcome! Fetching your information...');

  FB.api('/me', function(response) {
    console.log('Successful login for: ' + response.name);
    document.getElementById('status').innerHTML = '' + response.name + '!'; 
            
    //ajax used to get the name from response.name to php
    $.ajax({
      type: 'POST',
      url: 'result.php',
      data: { name: response.name },
      success: function (msg) {
        /* do something */
      }   
    });

  });

} 

And in php file I'm getting data like below when I click submit button

<?php
$name=$_GET['name'];
echo"$name";
?>

I failed and I used include("result.php"); But no data displayed

Actually response.name have name value but I failed to get it in php variable

Please anyone can help me

question from:https://stackoverflow.com/questions/65896639/i-failed-to-get-data-from-js-through-ajax-to-php

Answer 1

Change your js file to this:

function testAPI() {                     
    console.log('Welcome!  Fetching your information.... ');
    FB.api('/me', function(response) {
      console.log('Successful login for: ' + response.name);
      document.getElementById('status').innerHTML =
        '' + response.name + '!';
        $.ajax({
        type: 'POST',
        url: 'result.php',
        data: {name: response.name },
        success: function(msg) {
                console.log(msg);
            }   
        });
    });
} 

And change your php file to this:

<?php
 print_r($_POST);
?>

and then go to the console and search for the name variable, if you can find the name variable then all things is fine.