JSON:API値を表示する方法 -- javascript フィールド と json フィールド と linkedin フィールド 関連 問題

JSON: How to display API values?












0
vote

問題

日本語

具体的には、LinkedIn APIからのJSONの値を具体的に照射します。 "alert(json.stringify()を使用して値を出力することができます。結果); "ですが、私は対応する場所にAPI値を置きようとしています、(firstName = firstname label etc ...)

ボタンをクリックすると、1次のラベルなどに1ラベルが表示されます。
どうやってこれを達成できますか?

コード:

<事前> <コード> <html> <head> <script type="text/javascript" src="http://platform.linkedin.com/in.js"> api_key: XXXXXXXXXXX authorize: true onLoad: getProfileData </script> <script> function getProfileData() { IN.API.Profile("me") .fields(["firstName", "lastName", "headline", "summary"]) .result(function(result) { alert(JSON.stringify(result)); //document.write(me.fields.firstName).value = firstName; }); } </script> </head> <body> <input id="firstName"> <input id="lastName"> <input id="headline"> <input id="summary"> <button id="Add" onclick="getProfileData()">Add Boss</button> </body> </html>

更新.......................................... ...................

要素ごとの意味(firstName、lastNameなど)?私が何をしたのかこれはgetProfiledata undefined

というエラーをプロンプする <事前> <コード> function getProfileData() { .fields(["firstName", "lastName", "headline", "summary"]) .result(function (result) { for (var fields in fields(result)) { document.getElementById("firstName").value = result[0]; document.getElementById("lastName").value = result[1]; document.getElementById("headline").value = result[2]; document.getElementById("summary").value = result[3]; } }) }
英語

I'm trying to display the values of a JSON, coming from a LinkedIn API specifically IN.API.Profile(), I am able to get to output the values by using "alert(JSON.stringify(result));", however I'm trying to put the api values to their corresponding places, (firstName = firstName label etc...)

When the button is clicked the firstName should display in the 1st label and so on and so forth.
How can I accomplish this?

Code:

<html>   <head>     <script type="text/javascript" src="http://platform.linkedin.com/in.js">   api_key: XXXXXXXXXXX   authorize: true   onLoad: getProfileData </script>  <script>    function getProfileData() {     IN.API.Profile("me")       .fields(["firstName", "lastName", "headline", "summary"])       .result(function(result) {      alert(JSON.stringify(result));      //document.write(me.fields.firstName).value = firstName;       });   }    </script>    </head>   <body>      <input  id="firstName">   <input id="lastName">   <input id="headline">   <input id="summary">   <button id="Add" onclick="getProfileData()">Add Boss</button>   </body> </html> 

Update...........................................................

Sir by element you mean (firstName, lastName, etc...)? this what I did sir but it promps an error that says getProfileData undefined

function getProfileData() {      .fields(["firstName", "lastName", "headline", "summary"])      .result(function (result) {     for (var fields in fields(result)) {         document.getElementById("firstName").value = result[0];         document.getElementById("lastName").value = result[1];         document.getElementById("headline").value = result[2];         document.getElementById("summary").value = result[3];       } }) } 
</div
        
       
       

回答リスト

1
 
vote
vote
ベストアンサー
 

.result()6 は、JavaScriptアレイを関数に渡しますが、JSONとして解析または文字列化する必要はありません。その関数から各フィールドの値を設定したい場合は、次のようなものが必要です。

<事前> <コード> .result(function (result) { for (var key in result) { document.getElementById(key).value = result[key]; } })
 

The .result() passes a JavaScript array to the function gave, no need to parse or stringify it as JSON. If you want to set each field's value from that function, you'd need something like this:

.result(function (result) {     for (var key in result) {         document.getElementById(key).value = result[key];     } }) 
</div
 
 
     
     

関連する質問

0  JavaScript APIを使用してLinkedIn接続を取得する方法  ( How to get linkedin connections using javascript api ) 
私はコードをフォローしていますが、私のためには機能しません。 <事前> <コード> //loading linkedin library <script type="text/javascript" src="http://platform.linkedin....

0  サインアップ、SignIn、Server and Twitterを介してサーバーサイド認証(Google +のように)を介してコンテンツを共有しますか?  ( Signup signin and share content via linkedin and twitter with server side auth ) 
LinkedIn and Twitterを介してSignup、SignIn、Segninを共有してください(Google +のように)。 今すぐi twitters、LinkedIns Api's.thanks を使ってやりたいです。 ...

1  私のアプリに新しいiOSバンドル識別子を追加できません - LinkedIn  ( Unable to add new ios bundle identifier to my app linkedin ) 
LinkedInを介してユーザーを検証するためにLinkedInにアプリを登録しました。私はまたそれに私のiOSバンドル識別子を追加し、それはうまく機能していました。 しかし、ここ数日から、新しいバンドル識別子を追加してそれを保存しようとすると、エラーが表示...

1  レールの入れ子ハッシュからの結果を示す  ( Showing results from nested hash in rails ) 
LinkedIn APIを私のRailsアプリに正常に実装しました。 APIは、最後の2つの位置の詳細からより多くのフィールドを含む位置フィールドからのデータを返します。それはタイトル、期間、説明などを含みます... 私のRailsアプリで2番目のジョブ...

0  in.api.rawでリンクされています  ( Linked in in api raw ) 
<事前> <コード> /people-search:(people:(id,first-name,last-name,date-of-birth,summary,industry,group-memberships,job-bookmarks,interest...

0  LinkedIn R_BasicProfileおよびR_FullProfileスコープフィールドとなぜ「冗長」がなぜですか?  ( Linkedin r basicprofile and r fullprofile scope fields and why are both redunda ) 
LinkedIn APIを使用するのに新しい。私のサイトメンバーが彼らのプロフィールにアクセスするためにOAuth 2.0認証を提供させたいのですが、許可範囲に関してはわずかな混乱点があります。 OAuthのユーザー契約では、範囲を照会パラメーターとして渡...

5  「LinkedInでサインインする」モバイルサファリでは機能しません  ( Sign in with linkedin doesnt work on mobile safari ) 
モバイルSafariでは、「LinkedInでサインイン」ボタンをクリックすると空白のページが開きますが、他には何もありません。たとえば、ドキュメントの例を開くと、をタップします。 LinkedInでサインインボタンをクリックすると、空白のページが開きます(そ...

0  LinkedIn OAuth [閉じた]で403を得る  ( Getting 403 in linkedin oauth ) 
この質問は将来の訪問者を助けることはほとんどありません。それは、小さな地理的地域、特定の瞬間、またはインターネットの世界的な聴衆に一般的に適用されない非常に狭い状況に関連しています。この...

0  リフレッシュLinkedIn Access Tokenを自動的に更新します  ( Refreshing linkedin access token automatically ) 
私は私のアプリケーションの背景にアクセストークンを自動的に更新しようとしています。このブログ記事を読んでください( https://developer.linkedin.com / Blog / Tips-And-Tricps-Refreshing-acces...

0  LinkedIn API - データコールバックIE8  ( Linkedin api data callback ie8 ) 
<a href="https://developer.linkedin.com/forum/javascript-bug-apply-linkedin-when-using-data-callback" REL="> https://developer.Li...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有