Facebook apiを使用してフォーム入力にデータをフェッチしようとしました。これで、現在のユーザーの場所も取得しようとするまで、すべてうまくいきました。
現在のユーザーが自分の場所(彼が住んでいる場所)を共有している場合、問題は発生しません。ただし、ユーザーがFacebookで自分の場所を共有していない場合、エラーが発生します:Uncaught TypeError: Cannot read property 'name' of undefined
これが私が使っているコードです。それを解決する方法がある場合は、ここにコメントしてください:)
<div id="fb-root"></div>
<script>
// Additional JS functions here
window.fbAsyncInit = function() {
FB.init({
appId : '*******', // App ID
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
FB.getLoginStatus(function(response) {
if (response.status === 'connected') {
FB.api('/me', function(response) {
document.getElementById("user_login").value="FB - " + response.username;
document.getElementById("user_email").value=response.email;
document.getElementById("first_name").value=response.first_name;
document.getElementById("last_name").value=response.last_name;
document.getElementById("user_url").value=response.link;
document.getElementById("fbid").value=response.id;
if(response.location !== 'undefined')
{
document.getElementById("location").value=response.location.name;
alert(response.location.name);
}
document.getElementById("registerform").submit();
});
} else if (response.status === 'not_authorized') {
alert('error');
} else {
alert('Please Log In!');
}
});
};
// Load the SDK Asynchronously
(function(d){
var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));
</script>
この行で:
if(response.location !== 'undefined')
...response.location
がstring"undefined"
ではないかどうかを確認しています。 undefined
は文字列"undefined"
ではないため、条件はtrueです。次に、response.location.name
を使用しようとすると、response.location
がundefined
であるため、エラーが発生します。
あなたはおそらくどちらかを意味しました:
if(response.location)
または
if(typeof response.location !== 'undefined')