Блог

Главная - Вопросы по программированию - Javascript — LinkedIn API

Javascript — LinkedIn API

#javascript #jquery #ajax #linkedin-api

#javascript #jquery #ajax #linkedin-api

Вопрос:

Я пытаюсь получить пользовательские поля, используя LinkedIn API, на JavaScript.

Я хочу передать эту информацию в виде переменных на другую страницу, используя AJAX.

Код работает нормально, но возникает проблема, когда у пользователя есть пустое поле.

Например, если я захожу в свой профиль LinkedIn и удаляю свою текущую работу, код перестает работать и переменные не передаются, потому что это поле — positions.values[0].title пустое.

Удаление всей этой строки document.getElementById("imgTitle").src = member.positions.values[0].title; заставит его снова работать.

Мой вопрос в том, как мне работать с пустыми полями и передавать эти переменные как "" или null с использованием AJAX?

 <!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>

Ответ №1:

Не уверен, что есть лучший способ, но я использовал библиотеку Lodash и решил свою проблему следующим образом:

     if(_.has(profile, 'positions.values[0].title') == true){
    var title = profile.positions.values[0].title;
    }else{
    var title = "";
    }