teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

CORSについての追記

2020/11/08 11:24

投稿

hayato7
hayato7

スコア1135

answer CHANGED
@@ -15,4 +15,9 @@
15
15
  });
16
16
  </script>
17
17
  -<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
18
- ```
18
+ ```
19
+
20
+ また、もし、ローカルサーバーを立ち上げずに、ブラウザでファイルを開いているだけの場合、
21
+ CORSに関するエラーが発生するかと思います。(CORSに関しては興味があれば調べてみてください。)
22
+
23
+ その場合、ローカルサーバーの立ち上げ方から調べてみてください。

1

具体的な対応を追記

2020/11/08 11:24

投稿

hayato7
hayato7

スコア1135

answer CHANGED
@@ -1,1 +1,18 @@
1
- コードは上から順に読み込まれるので、jqueryの読み込みを先に書いてみてください。
1
+ コードは上から順に読み込まれるので、以下のようにjqueryの読み込みを先に書いてみてください。
2
+
3
+ ```diff
4
+ +<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
5
+ <script>
6
+ $("#sampleGet").on('click', function(){
7
+ $.ajax({
8
+ url: 'sampleGet.json',
9
+ type: 'GET',
10
+ dataType: 'json',
11
+ success: function(data){
12
+ console.log("ようこそ、"+data.sei+" "+data.sei+"さん");
13
+ }
14
+ });
15
+ });
16
+ </script>
17
+ -<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
18
+ ```