teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問javascirptでaxiosを実行すると、catchが発生する場合がある。

編集履歴

質問編集履歴

10

修正

2021/05/27 09:33

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,11 @@
6
6
 
7
7
 
8
8
 
9
+ その引数に設定しているresponseにはTypeError: Cannot read property 'hide' of undefinedが入っています。
10
+
11
+
12
+
9
- どなたかご教授お願いします。
13
+ 原因がわからなく、どなたかご教授お願いします。
10
14
 
11
15
 
12
16
 

9

修正

2021/05/27 09:33

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- javascirptでaxiosを実行すると、TypeError: Cannot read property 'data' of undefinedが発生する場合がある。
1
+ javascirptでaxiosを実行すると、catchが発生する場合がある。
test CHANGED
@@ -2,11 +2,7 @@
2
2
 
3
3
  クライアント側でResponseステータスコードはわからないのですが、
4
4
 
5
- Uncaught (in promise) TypeError: Cannot read property 'data' of undefined　が出てしまいます。
6
-
7
-
8
-
9
- undefinedに対して、dataプロパティは読み取りできないという意味らしいのですが、data変数を使用している場所がありません。
5
+ catchが出てしまいます。
10
6
 
11
7
 
12
8
 

8

修正

2021/05/27 09:27

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -22,7 +22,7 @@
22
22
 
23
23
  onModalSubmitClicked() {
24
24
 
25
- var viewModel = JSON.parse(JSON.stringify(this.viewModel));
25
+ const viewModel = JSON.parse(JSON.stringify(this.viewModel));
26
26
 
27
27
 
28
28
 

7

修正

2021/05/27 07:04

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- vue.js3でaxiosを実行すると、TypeError: Cannot read property 'data' of undefinedが発生する場合がある。
1
+ javascirptでaxiosを実行すると、TypeError: Cannot read property 'data' of undefinedが発生する場合がある。
test CHANGED
@@ -1,8 +1,6 @@
1
- Vue.js3 + ag-grid(Vanillaタイプ) + axiosを使用している環境で、
1
+ javascirptでaxiosを実行すると、サーバーには送信できるのですが、
2
2
 
3
-
4
-
5
- axiosを実行すると、Responseステータスコードはわからないのですが、
3
+ クライアント側でResponseステータスコードはわからないのですが、
6
4
 
7
5
  Uncaught (in promise) TypeError: Cannot read property 'data' of undefined　が出てしまいます。
8
6
 

6

修正

2021/05/27 07:02

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -2,9 +2,7 @@
2
2
 
3
3
 
4
4
 
5
- サーバー側のHttpResponseは200なので、エラーしているわけではないのですが、
6
-
7
- クライアント側でaxiosを実行すると、Responseステータスコードはわからないのですが、
5
+ axiosを実行すると、Responseステータスコードはわからないのですが、
8
6
 
9
7
  Uncaught (in promise) TypeError: Cannot read property 'data' of undefined　が出てしまいます。
10
8
 
@@ -12,57 +10,19 @@
12
10
 
13
11
  undefinedに対して、dataプロパティは読み取りできないという意味らしいのですが、data変数を使用している場所がありません。
14
12
 
15
- Vue.js3にevent.node.dataというのを使用している個所はありますが、それは削除して実行しています。
16
-
17
-
18
-
19
- 新規登録系の機能では問題ないのですが、Gridの行ソートをするイベントの時にaxiosを実行すると必ず失敗してしまいます。
20
-
21
13
 
22
14
 
23
15
  どなたかご教授お願いします。
24
16
 
25
17
 
26
18
 
27
- ```javascript
28
-
29
- onRowDragEnd(event) {
30
-
31
- // ソート機能、Gridの行移動した後に、axiosすると必ず失敗してしまう
32
-
33
-
34
-
35
- axios({
36
-
37
- method: "post",
38
-
39
- url: this.sortUrl,
40
-
41
- params: { id: 1, order: 10 }　// ダミーデータ
42
-
43
- }).then(() => {
44
-
45
- console.log("OK"); // OKにきた後、NGにいってしまう
46
-
47
-
48
-
49
- }).catch((response) => {
50
-
51
- console.log("NG");
52
-
53
- });
54
-
55
- },
56
-
57
- ```
58
-
59
19
 
60
20
 
61
21
  ```javascript
62
22
 
23
+ // application/jsonで送信するとうまくいく
24
+
63
25
  onModalSubmitClicked() {
64
-
65
- // 新規登録機能、axiosは必ず成功する。
66
26
 
67
27
  var viewModel = JSON.parse(JSON.stringify(this.viewModel));
68
28
 
@@ -95,3 +55,35 @@
95
55
  },
96
56
 
97
57
  ```
58
+
59
+
60
+
61
+ ```javascript
62
+
63
+ // params: { id: 1, order: 10 }の形式で送信すると、サーバーは実行できるが、クライアントでOKにきた後、NGにいってしまう
64
+
65
+ onRowDragEnd(event) {
66
+
67
+ axios({
68
+
69
+ method: "post",
70
+
71
+ url: this.sortUrl,
72
+
73
+ params: { id: 1, order: 10 }　// ダミーデータ
74
+
75
+ }).then(() => {
76
+
77
+ console.log("OK"); // OKにきた後、NGにいってしまう
78
+
79
+
80
+
81
+ }).catch((response) => {
82
+
83
+ console.log("NG");
84
+
85
+ });
86
+
87
+ },
88
+
89
+ ```

5

修正

2021/05/27 07:01

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -42,7 +42,7 @@
42
42
 
43
43
  }).then(() => {
44
44
 
45
- console.log("OK"); // onSuccessにきた後、onfailuerにいってしまう
45
+ console.log("OK"); // OKにきた後、NGにいってしまう
46
46
 
47
47
 
48
48
 

4

修正

2021/05/27 06:45

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -11,6 +11,8 @@
11
11
 
12
12
 
13
13
  undefinedに対して、dataプロパティは読み取りできないという意味らしいのですが、data変数を使用している場所がありません。
14
+
15
+ Vue.js3にevent.node.dataというのを使用している個所はありますが、それは削除して実行しています。
14
16
 
15
17
 
16
18
 
@@ -28,67 +30,27 @@
28
30
 
29
31
  // ソート機能、Gridの行移動した後に、axiosすると必ず失敗してしまう
30
32
 
33
+
34
+
35
+ axios({
36
+
31
- var id = event.node.data.id;
37
+ method: "post",
38
+
39
+ url: this.sortUrl,
40
+
41
+ params: { id: 1, order: 10 }　// ダミーデータ
42
+
43
+ }).then(() => {
44
+
45
+ console.log("OK"); // onSuccessにきた後、onfailuerにいってしまう
32
46
 
33
47
 
34
48
 
35
- // Get dragged data
49
+ }).catch((response) => {
36
50
 
37
- var draggedRowData = [];
38
-
39
- this.gridOptions.api.forEachNode((node) => {
40
-
41
- draggedRowData.push(node.data);
51
+ console.log("NG");
42
52
 
43
53
  });
44
-
45
-
46
-
47
- // Get new row position
48
-
49
- var newRowPosition = null;
50
-
51
- draggedRowData.forEach((currentValue, index) => {
52
-
53
- if (currentValue.id == id) {
54
-
55
- newRowPosition = index;
56
-
57
- }
58
-
59
- });
60
-
61
-
62
-
63
- // Data manipulation / send.
64
-
65
- if (this.rowPosition != newRowPosition) {
66
-
67
- var order = newRowPosition + 1;
68
-
69
-
70
-
71
- axios({
72
-
73
- method: "post",
74
-
75
- url: this.sortUrl,
76
-
77
- params: { id: id, order: order }
78
-
79
- }).then(() => {
80
-
81
- console.log("OK"); // onSuccessにきた後、onfailuerにいってしまう
82
-
83
-
84
-
85
- }).catch((response) => {
86
-
87
- console.log("NG");
88
-
89
- });
90
-
91
- }
92
54
 
93
55
  },
94
56
 

3

修正

2021/05/27 06:44

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -7,6 +7,10 @@
7
7
  クライアント側でaxiosを実行すると、Responseステータスコードはわからないのですが、
8
8
 
9
9
  Uncaught (in promise) TypeError: Cannot read property 'data' of undefined　が出てしまいます。
10
+
11
+
12
+
13
+ undefinedに対して、dataプロパティは読み取りできないという意味らしいのですが、data変数を使用している場所がありません。
10
14
 
11
15
 
12
16
 

2

修正

2021/05/27 06:41

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -70,12 +70,6 @@
70
70
 
71
71
  url: this.sortUrl,
72
72
 
73
- headers: {
74
-
75
- "RequestVerificationToken": getRequestVerificationToken()
76
-
77
- },
78
-
79
73
  params: { id: id, order: order }
80
74
 
81
75
  }).then(() => {
@@ -116,9 +110,7 @@
116
110
 
117
111
  headers: {
118
112
 
119
- "Content-Type": "application/json; charset=UTF-8",
113
+ "Content-Type": "application/json; charset=UTF-8"
120
-
121
- "RequestVerificationToken": getRequestVerificationToken()
122
114
 
123
115
  },
124
116
 

1

修正

2021/05/27 06:27

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- Uncaught (in promise) TypeError: Cannot read property 'data' of undefined
1
+ vue.js3でaxiosを実行すると、TypeError: Cannot read property 'data' of undefinedが発生する場合がある。
test CHANGED
@@ -9,6 +9,8 @@
9
9
  Uncaught (in promise) TypeError: Cannot read property 'data' of undefined　が出てしまいます。
10
10
 
11
11
 
12
+
13
+ 新規登録系の機能では問題ないのですが、Gridの行ソートをするイベントの時にaxiosを実行すると必ず失敗してしまいます。
12
14
 
13
15
 
14
16