質問編集履歴
2
コンソール内容を詳細に記載
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -4,18 +4,25 @@
|
|
|
4
4
|
|
|
5
5
|
### 問題
|
|
6
6
|
JavaScriptから非同期通信でJSONPファイルを読み込みたいのですが、JSONPを読み込めません。
|
|
7
|
+
var urlで指定したURLをchromeに直接貼り付けるとJSONPの中身が表示されます。
|
|
8
|
+
なぜURLを読み込めないのでしょうか。
|
|
9
|
+
教えていただきたいです。
|
|
7
10
|
|
|
8
|
-
chromeのデベロッパーツールを確認すると
|
|
11
|
+
chromeのデベロッパーツールを確認すると以下のように表示されます。
|
|
12
|
+
|
|
9
|
-
```
|
|
13
|
+
```
|
|
10
14
|
jquery-3.3.1.min.js:2
|
|
11
|
-
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&_=
|
|
15
|
+
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)
|
|
16
|
+
send @jquery-3.3.1.min.js:2
|
|
17
|
+
ajax @jquery-3.3.1.min.js:2
|
|
18
|
+
created @main.js:27
|
|
19
|
+
invokeWithErrorHandling @vue.js:1863
|
|
20
|
+
callHook @vue.js:4220
|
|
21
|
+
Vue._init @vue.js:5002
|
|
22
|
+
Vue @vue.js:5078
|
|
23
|
+
(anonymous) @main.js:6
|
|
12
24
|
```
|
|
13
|
-
と表示されます。
|
|
14
25
|
|
|
15
|
-
var urlで指定したURLをchromeに直接貼り付けるとJSONPの中身が表示されます。
|
|
16
|
-
なぜURLを読み込めないのでしょうか。
|
|
17
|
-
教えていただきたいです。
|
|
18
|
-
|
|
19
26
|
### ファイル
|
|
20
27
|
|
|
21
28
|
```JavaScript
|
1
デベロッパーツール欄を更新
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,8 +5,11 @@
|
|
|
5
5
|
### 問題
|
|
6
6
|
JavaScriptから非同期通信でJSONPファイルを読み込みたいのですが、JSONPを読み込めません。
|
|
7
7
|
|
|
8
|
-
chromeのデベロッパーツール
|
|
8
|
+
chromeのデベロッパーツールを確認すると
|
|
9
|
+
```ここに言語を入力
|
|
10
|
+
jquery-3.3.1.min.js:2
|
|
9
|
-
|
|
11
|
+
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)
|
|
12
|
+
```
|
|
10
13
|
と表示されます。
|
|
11
14
|
|
|
12
15
|
var urlで指定したURLをchromeに直接貼り付けるとJSONPの中身が表示されます。
|
|
@@ -18,7 +21,7 @@
|
|
|
18
21
|
```JavaScript
|
|
19
22
|
created: function() {
|
|
20
23
|
// JSONPのURL
|
|
21
|
-
var url = 'localhost/server/products.js';
|
|
24
|
+
var url = 'localhost/vue.js_sample/chapter4/4-5/server/products.js';
|
|
22
25
|
// 非同期通信でJSONPを読み込む
|
|
23
26
|
$.ajax({
|
|
24
27
|
url : url,
|