質問編集履歴

2

コンソール内容を詳細に記載

2020/05/04 12:31

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -10,27 +10,41 @@
10
10
 
11
11
  JavaScriptから非同期通信でJSONPファイルを読み込みたいのですが、JSONPを読み込めません。
12
12
 
13
-
14
-
15
- chromeのデベロッパーツールを確認すると
16
-
17
- ```ここに言語を入力
18
-
19
- jquery-3.3.1.min.js:2
20
-
21
- GET http://localhost/vue.js_sample/chapter4/4-5/local/%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%81%AEURL/products.js?callback=products&_=1588589407639 404 (Not Found)
22
-
23
- ```
24
-
25
- と表示されます。
26
-
27
-
28
-
29
13
  var urlで指定したURLをchromeに直接貼り付けるとJSONPの中身が表示されます。
30
14
 
31
15
  なぜURLを読み込めないのでしょうか。
32
16
 
33
17
  教えていただきたいです。
18
+
19
+
20
+
21
+ chromeのデベロッパーツールを確認すると以下のように表示されます。
22
+
23
+
24
+
25
+ ```
26
+
27
+ jquery-3.3.1.min.js:2
28
+
29
+ GET http://localhost/vue.js_sample/chapter4/4-5/local/%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%81%AEURL/products.js?callback=products&_=1588591737923 404 (Not Found)
30
+
31
+ send @jquery-3.3.1.min.js:2
32
+
33
+ ajax @jquery-3.3.1.min.js:2
34
+
35
+ created @main.js:27
36
+
37
+ invokeWithErrorHandling @vue.js:1863
38
+
39
+ callHook @vue.js:4220
40
+
41
+ Vue._init @vue.js:5002
42
+
43
+ Vue @vue.js:5078
44
+
45
+ (anonymous) @main.js:6
46
+
47
+ ```
34
48
 
35
49
 
36
50
 

1

デベロッパーツール欄を更新

2020/05/04 12:30

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -12,9 +12,15 @@
12
12
 
13
13
 
14
14
 
15
- chromeのデベロッパーツールからコンソールを確認すると
15
+ chromeのデベロッパーツールを確認すると
16
16
 
17
+ ```ここに言語を入力
18
+
19
+ jquery-3.3.1.min.js:2
20
+
17
- **Failed to load resource: the server responded with a status of 404 (Not Found)**
21
+ GET http://localhost/vue.js_sample/chapter4/4-5/local/%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%81%AEURL/products.js?callback=products&_=1588589407639 404 (Not Found)
22
+
23
+ ```
18
24
 
19
25
  と表示されます。
20
26
 
@@ -38,7 +44,7 @@
38
44
 
39
45
  // JSONPのURL
40
46
 
41
- var url = 'localhost/server/products.js';
47
+ var url = 'localhost/vue.js_sample/chapter4/4-5/server/products.js';
42
48
 
43
49
  // 非同期通信でJSONPを読み込む
44
50