Q&A
data.jsonの内容も提示してください。
あと、ブラウザ開発ツールのコンソールにエラーが出ていないかも確認してください
###前提・実現したいこと
Ajaxの練習としてhtmlを表示させた際にJSONデータをログに出力させるという機能を実装しています。
該当のソースコード
html
1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 8 <title>Document</title> 9</head> 10 11<body> 12 <div class="nameData">aaaaa</div> 13 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 14 <script src="index.js"></script> 15 16</body> 17 18</html>
JavaScript
1$.ajax({ 2 type: 'GET', 3 url: 'json/data.json', 4 dataType: 'json', 5 data: { name: 'chara'}, 6 success: function (data) { 7 console.log(data); 8 } 9}); 10
ディレクトリ構成は以下のようになっています。
root/
├ json/
│ └ data.json
├ index.html
└ index.js
発生している問題・エラーメッセージ
htmlを表示させた際にログにJSONデータが出力されません。jsファイルが読み込めていることと、jQueryが動くことは確認しています。
何が原因でしょうか？
回答1件
0
ベストアンサー
あえて言えば２点
- ひとつはajaxの勘違いをしていhttp経由でなくローカルでやっている可能性
- パーミッションやパスの参照がおかしい可能性があるのでjsonディレクトリを使わずに同じレベルにあわせて読めるかどうかを判断する
- jsonデータが正しくない＝failでエラーを受けて確認する
直接原因ではありませんが、気になった点
- jsonはおそらくスタティックなデータなのにdataを渡しているのは微妙
- success/errorは古い書き方なのでメソッドチェーンのdone/failに書き換える
投稿2020/06/30 00:26
総合スコア114843
あなたの回答
tips
プレビュー
