回答編集履歴

2

CORSについての追記

2020/11/08 11:24

投稿

hayato7
hayato7

スコア1135

test CHANGED
@@ -33,3 +33,13 @@
33
33
  -<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
34
34
 
35
35
  ```
36
+
37
+
38
+
39
+ また、もし、ローカルサーバーを立ち上げずに、ブラウザでファイルを開いているだけの場合、
40
+
41
+ CORSに関するエラーが発生するかと思います。(CORSに関しては興味があれば調べてみてください。)
42
+
43
+
44
+
45
+ その場合、ローカルサーバーの立ち上げ方から調べてみてください。

1

具体的な対応を追記

2020/11/08 11:24

投稿

hayato7
hayato7

スコア1135

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