Facebook SDK javascript - Facebook Login Check, Get Login Details, Share URL and POST to Profile

Add following javascript code which are Responsible for load javascript SDK.

window.fbAsyncInit = function() {
    FB.init({
        appId      : FB_APP_ID, 
        cookie     : true,
        xfbml      : true,                    
        version    : 'v2.3'
    });

}; 
(function(d){
    var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
    js = d.createElement('script'); js.id = id; js.async = true;
    js.src = "//connect.facebook.net/en_US/all.js";
    d.getElementsByTagName('head')[0].appendChild(js);
}(document));

Please don't forget to replace the "FB_APP_ID" with  facebook API Id.


Add following javascript code which will leverage the functionality like Login check, login details, Share URL and Post to facebook.

function fbLogin(){
    FB.getLoginStatus(function(response) {
     if (response.status === 'connected') {
       console.log('You are login in FB.');
     }
     else {
       FB.login();
     }
   });

}
function fbLoginDetails(){                
    FB.api('/v2.2/me?fields=name,email,location,gender,birthday', function(response) {                   
        console.log(response.toSource());                    
    });
}

function fbShareURL(){
    FB.ui(
        {
         method: 'share',
         href: 'http://www.web-technology-experts-notes.in/2013/09/Facebook-Registration-Plugin-with-Custom-Fields.html'
       }, function(response){   }); 
}

function fbPostURL(){
    FB.ui({
        method: 'share_open_graph',
        action_type: 'og.likes',
        action_properties: JSON.stringify({
         object:'http://www.web-technology-experts-notes.in/2013/09/Facebook-Registration-Plugin-with-Custom-Fields.html',
        })
       }, function(){})

}

Add following HTML code which will create button on which click functionality will work.

<a class="button-facebook" href="javascript:fbLogin()">Facebook Login Check</a>
        <a class="button-facebook" href="javascript:fbLoginDetails()">Facebook Get Login Details</a>

        <a class="button-facebook" href="javascript:fbShareURL()">Facebook Share URL</a>
        <a class="button-facebook" href="javascript:fbPostURL()">Facebook POST URL</a>

Best Related Posts are Following:

1. Facebook Login Integration - Multiple Facebook IDs for the same user
2. Share count and Share URL of Facebook, Twitter, LinkedIn and Pinterest
3. Disable facebook notification popup after Click on Facebook Like Button
4. How to share Embed youtube video on facebook From my website
5. How to Find a Facebook Profile From an Image URL
6. How to integrate Facebook open Graph API in Website
7. How to clear Facebook image cache
8. Facebook Comments Disable Comment using Yahoo, AOL or Hotmail
9. Facebook comments Integration in website
10. Facebook login with javascript SDK example
11. Facebook User Profile Get Custom Picture of Facebook User
12. Facebook Login with JavaScript
13. Firebase Chat with Facebook and Twitter Integration
14. Facebook Registration Plugin with XFBML
15. Facebook Registration Plugin with Custom Fields
16. Facebook Social Plugins Integration in Website

How can I upload file asynchronously in php?

Following are simple 4 Steps to upload file asynchronously  in PHP.

Step #1
Add jQuery javascript file in your page - Need for Ajax call.


<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>


Step #2
Add Following Html, where you want to show the button to upload the file.

Step #3:
Add following javascript code which is responsible for uploading the file.
URL: /folder/upload-file.php
Description: Here you need to write the send the request to server.

$( document ).ready(function() {
    $(':button').click(function(){
        var formData = new FormData($('form')[0]);
        $.ajax({
            url: '/folder/upload-file.php', //Location of upload file 
            type: 'POST',
            xhr: function() {  // Custom XMLHttpRequest
                var myXhr = $.ajaxSettings.xhr();
                return myXhr;
            },

            beforeSend: function(data){},
            success: function(data){},
            error: function(data){},        
            data: formData,        
            cache: false,
            contentType: false,
            processData: false
        });
    });
});

Step #4
Add Following code in "/folder/upload-file.php" which will upload the file in Server.

$targetFile="/path/to/upload/file";//Location of srver
if (move_uploaded_file($_FILES["file"]["tmp_name"], $targetFile)) {
        echo "success";
    } else {
        echo "failure";
    }

Best Related Posts are Following:

1. How to download image from URL with PHP?.
2. 301 or 302 Redirection With PHP and benefits.
3. How to detect Mobile Device in PHP? - Simplest way.
4. How to Create Thumbnail Images of uploaded image using PHP.
5. Advanced PHP Interview Questions and Answers.
6. Git interview questions and answers - Problem and Solutions.
7. How to import csv file to database through phpmyadmin.
8. How to export mysql query results to csv?.
9. MySql replace NULL values with empty string without effecting Rowset.
10. How to fix Headers already sent error in PHP?.
11. Twitter login failed leads to Page not found.
12. How to send an email using Email Template in Zend Framework.
13. How do I get wordpress global variable and functions in custom file [SOLVED].
14. How to convert php array into javascript array.
15. How to store array in Cookie and retrieve array from cookie.
16. Synchronous XMLHttpRequest on the main thread is deprecated.
17. Send Email from Gmail SMTP using Zend Framework.
18. How to display HTML Correctly in Email?.
19. How to change the author of a post in Wordpress.
20. How to clear Facebook image cache.
21. Google trends api php - How to get hot trends.
22. How can delete a user without deleting the post and comments in wordpress?.
23. How to use MySQLi parameterized statements?.
24. Wordpress redirect https to http with htaccess [SOLVED].
25. PHP Technical Interview Questions and Answers for Fresher and Experienced.
26. Wordpress title repeated two times in browser header [SOLVED].
27. How can I prevent SQL-injection in PHP [SOLVED].
28. Htaccess RewriteRule Flags by Code Example.
29. Multiple column ordering in Zend Framework.
30. Strtolower - Returns string with all alphabetic characters converted to lowercase.