Q&A
コンソールでjsonデータを確認した場合、どのように表示されますか？
http://qiita.com/takatama/items/7aa1097aac453fff1d53
こちらを参考に、「Current web app URL にアクセスしてJSON形式のデータを確認」するところまではたどり着けたのですが、以下のコードでシート内の'date'列の値を'div#demo'に出力しようとしたところ何も表示されず、コンソールエラーなども無い状況です。
javascript
1$.ajax({ 2 type: 'GET', 3 url: '{'Current web app URL'で出力されたURL}', 4 dataType: 'json', 5 success: function(json){ 6 var len = json.length; 7 for(var i=0; i < len; i++){ 8 $("#demo").append(json[i].date); 9 } 10 } 11});
そもそも根本から何かを間違えている可能性もあるのですが、色々調べても辿り着けずにおります。
原因や解決策、そのきっかけでも良いので思い当たることがありましたらご教授願いたいです。
ご質問ありがとうございます。恥ずかしながら、JSONデータをどこで確認するかを把握できていないのですが、chromeのディベロッパツールで確認できるのでしょうか...？ https://gyazo.com/88bd32fd5c79bd9c9b9a2e1695617899
回答1件
0
ベストアンサー
javascript
1//jquery 1.8以上 2$.ajax({ 3 type: 'GET', 4 url: '{'Current web app URL'で出力されたURL}', 5 dataType: 'json' 6}).then( 7 function(json){ console.log(json) ;}, //success 8 function(e){ console.log(e) ;}//fail 9); 10
こちらで試してみてください。
developer toolに成功ならデータが、失敗ならエラーメッセージが表示されます。
投稿2017/08/08 04:22
総合スコア726
ご回答ありがとうございます！
以下のように記述したものの、consoleには依然何も表示されない状態でした。。
考えられるとしたらURLの誤りかとは思うのですが、直接アクセスすると問題なくデータは表示されている状態です。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>
$.ajax({
type: 'GET',
url: '{'Current web app URL'で出力されたURL}',
dataType: 'json'
}).then(
function(json){ console.log(json) ;}, //success
function(e){ console.log(e) ;}//fail
);
</script>
</head>
<body>
</body>
</html>
私の環境ですと、それでうまくいっています。後はコンソールの見方ではないでしょうか。
$.ajax({
type: 'GET',
url: 'https://script.google.com/macros/s/AKfycbz1iAil1f3XG1akiXqiU6StZ10hD0glvkLm-5MCaRlizE2Lsy4/exec',
dataType: 'json'
}).then(
function(json){
alert(json[0].date);//8
console.log(json) ;}, //success
function(e){ console.log(e) ;}//fail
);
おっしゃる通り、(詳しい原因はわからないのですが)consoleの表示をデフォルトにすることで、データ取得を確認できました。お騒がせしました。
この度は稚拙な質問にもかかわらず丁寧にご対応いただき、ありがとうございました。
あなたの回答
tips
プレビュー
