URLからシンプルなJSON文字列をHTMLで表示

私はこの午後すべての解決策としてstackoverflowや他のフォーラムを掘り下げましたが、私は敗北を認めます。URLからシンプルなJSON文字列をHTMLで表示

サードパーティのURLからJSONとしてデータをエクスポートする必要があるGoogleドライブスプレッドシートがあります。データは

{"columns":{"attendance":["Bob, Sue, Sam, Joe, "]},"rows":[{"attendance":"Bob, Sue, Sam, Joe, "}]}

私はシートのエクスポートから重複を取得していますが、私は、私はそれを無視することができると確信してい理由はわからないんだけど...このようになります。 HTMLページに一度名前のリストを出力したいので、セットアップしたデジタルサイネージソリューションで使用できます。名前は定期的に変更されるため、URLを使用してフィードを送っている理由があります。ソリューションで私の最高の刺し番号は：

<object type="text/html" data="http://gsx2json.com/api?id=SHEET_URL_GOES_HERE"> 
</object>

私はそれを解析したいが、名前を除くすべてを取り除きたい。前もって感謝します。

出典

2017-10-08 John Wardell

何を達成しようとしていますか？ HTMLはJSON対応ではありません。文字列として使用したいのでなければ、オブジェクトタグの目的を理解できません。 – Plotisateur

JavaScriptで試してみたところ、どこにもいないので、HTMLオブジェクトでデータを削り取ろうとしました。これに関する私の知識はひどい。私はHTMLとJavaScriptで少しずつスラッシュすることができますが、私は非常に遠くには行きません。 –

問題ありません。「出席」値をHTML表に取り込みたいと思うでしょうか？ – Plotisateur

ご回答いただきありがとうございます。私はそこに着いて、誰かを助ける場合に備えて自分の解決策を投稿するつもりだと考えました：

<html> 
<head> 

<meta http-equiv="refresh" content="60"> 

</head> 

<script> 

window.onload = loadDoc() 

function loadDoc() { 
    var xhttp = new XMLHttpRequest(); 
    xhttp.onreadystatechange = function() { 
    if (this.readyState == 4 && this.status == 200) { 
    var myObj = JSON.parse(this.responseText); 
    var jout = JSON.stringify(myObj.columns.attendance); 

    var joutstrip2 = jout.substring(2, jout .length-4); 
    document.getElementById("dataout").innerHTML = (joutstrip2) 
    } 
    }; 
    xhttp.open("GET", "http://gsx2json.com/api?id=GOOGLE_SHEETS_ID_GOES_HERE_&sheet=1", true); 
    xhttp.send(); 
} 

</script> 

<div id="dataout"></div> 

</body> 
</html>

出典

2017-10-08 18:59:43

URLからシンプルなJSON文字列をHTMLで表示

答えて

関連する問題