![](/img/trans.png)
[英]PHP LinkedIn API integration with Javascript LinkedIN API
[英]Javascript - LinkedIn API
我正在尝试使用JavaScript中的LinkedIn API来检索用户字段。
我希望使用AJAX将这些信息作为变量传递给另一个页面。
该代码可以正常工作,但是当用户的字段为空时会出现问题。
例如,如果我转到我的LinkedIn个人资料并删除我的当前工作,则代码将停止工作,并且不会传递任何变量,因为此字段positions.values[0].title
为空。
删除整行document.getElementById("imgTitle").src = member.positions.values[0].title;
将使它再次工作。
我的问题是如何处理空字段,并使用AJAX将这些变量传递为""
或null
?
<!DOCTYPE html>
<html>
<head>
<script src="assets/js/scripts.js"></script>
<script src="js/jquery.js"></script>
<script type="text/javascript" src="//platform.linkedin.com/in.js">
api_key: [apikey]
onLoad: onLinkedInLoad
authorize: true
lang: [LANG_LOCALE]
</script>
<script type="text/javascript">
function onLinkedInLoad() {
IN.Event.on(IN, "auth", onLinkedInAuth);
}
function onLinkedInAuth() {
IN.API.Profile("me")
.fields(
"firstName",
"lastName",
"industry",
"location:(name)",
"picture-url",
"headline",
"summary",
"num-connections",
"public-profile-url",
"distance",
"positions",
"email-address",
"educations",
"date-of-birth"
)
.result(displayProfiles)
.error(displayProfilesErrors);
}
function displayProfiles(profiles) {
member = profiles.values[0];
alert(JSON.stringify(member));
document.getElementById("lblName").innerHTML = member.firstName + " " + member.lastName + "<br/> Location is " + member.location.name;
document.getElementById("imgProfile").src = member.pictureUrl;
document.getElementById("imgTitle").src = member.positions.values[0].title;
document.getElementById("lblProfile").innerHTML = member.publicProfileUrl;
document.getElementById("lblEmail").innerHTML = member.emailAddress;
var firstName = member.firstName;
var emailAddress = member.emailAddress;
$.ajax({
type: "POST",
url: "heya.php",
data: {firstname: firstName, email: emailAddress},
dataType: 'text',
success: function (data) {
alert(data);
}
});
}
function displayProfilesErrors(error) {
profilesDiv = document.getElementById("profiles");
profilesDiv.innerHTML = error.message;
console.log(error);
}
</script>
</head>
<body>
<script type="in/Login">
</script>
<br/>
<b>Get Linkedin LoggedIn User Details</b>
<table>
<tr>
<td>Name:</td>
<td><label id="lblName"/></td>
</tr>
<tr>
<td>Email:</td>
<td><label id="lblEmail"/></td>
</tr>
<tr>
<td>Profile Url:</td>
<td><label id="lblProfile"/></td>
<td>Title:</td>
<td><label id="lblTitle"/></td>
</tr>
<tr>
<td>Profile Image:</td>
<td><img id="imgProfile"/></td>
</tr>
</table>
<div id="profiles">
</div>
</body>
</html>
不知道是否有更好的方法,但是我使用了Lodash库并按如下方式解决了我的问题:
if(_.has(profile, 'positions.values[0].title') == true){
var title = profile.positions.values[0].title;
}else{
var title = "";
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.