Question

I have the below function erroring and its begin a real pain.

For some reason it is saing postData is not defined on the lines marked with error. But I have defined postData and populated it with the returned json from get.php?? Is there something missing here.

<script>
 function postToFeed(shoeID) {

    $.post("get.php",{id: shoeID}, 
                function(data){
                               var postData = data;
                               }, "json");  

    var obj = {
      method: 'feed',
      link: 'https://developers.facebook.com/docs/reference/dialogs/',
      picture: 'http://fbrell.com/f8.jpg',
      name: postData.title, //ERROR
      caption: '<?=SHARE_CAPTION?>',
      description: postData.description //ERROR
    };

    function callback(response){
        if(response['post_id']){
            $.post("vote.php",{id: '<?=(isset($_POST['fbid'])? $_POST['fbid'] : $data['id'])?>', shoe: shoeID, type: 'share'}, 
                            function(score){
                            $("#shoe_"+shoeID).html(score)
                            }); 
        }
    }

    FB.ui(obj,callback);
  }
</script>

Answer 1

Since you have defined it inside the success handler of post it is not accessible. Define postData in the outer scope it will work fine.

function postToFeed(shoeID) {
    var postData;//
    $.post("get.php",{id: shoeID}, 
                function(data){
                               postData = data;
                               }, "json");  

....
.... 

One more thing to note here. You are using $.post which makes an ajax call asynchronously so even if you define postData in the outer scope it will not work because until the post request executes the postData is null or empty.

So you should execute rest of the code inside the success handler of $.post. Try this.

function postToFeed(shoeID) {

    $.post("get.php",{id: shoeID}, function(data){
      var postData = data;
      var obj = {
           method: 'feed',
           link: 'https://developers.facebook.com/docs/reference/dialogs/',
           picture: 'http://fbrell.com/f8.jpg',
           name: postData.title, //ERROR
           caption: '<?=SHARE_CAPTION?>',
           description: postData.description //ERROR
      };

      function callback(response){
        if(response['post_id']){
            $.post("vote.php",{id: '<?=(isset($_POST['fbid'])? $_POST['fbid'] : $data['id'])?>', shoe: shoeID, type: 'share'}, 
                            function(score){
                            $("#shoe_"+shoeID).html(score)
                            }); 
        }
      }

      FB.ui(obj,callback);

    }, "json"); //$.post-End 

}