質問編集履歴
1
ご指摘ありがとうございます。エラー内容を追記させて頂きました。
title
CHANGED
File without changes
|
body
CHANGED
@@ -18,9 +18,9 @@
|
|
18
18
|
async : true,
|
19
19
|
data : { "uid": $(this).val() },
|
20
20
|
}).done(function(res) {
|
21
|
-
console.log("===>" + val); //<--$(this).val()だとエラー!!
|
21
|
+
console.log("===>" + val); //(*1)<--$(this).val()だとエラー!!
|
22
22
|
if (val === "add") {
|
23
|
-
$("#list").append('<li>test<button type="button" value="del">削除</button></li>'); //<--$(this).parent().append(…)だとエラー!!
|
23
|
+
$("#list").append('<li>test<button type="button" value="del">削除</button></li>'); //(*2)<--$(this).parent().append(…)だとエラー!!
|
24
24
|
} else {
|
25
25
|
parent.remove();
|
26
26
|
}
|
@@ -40,6 +40,8 @@
|
|
40
40
|
</ul>
|
41
41
|
</div>
|
42
42
|
```
|
43
|
+
(*1)デベロッパーツールで見ると「TypeError: o.nodeName is undefined」と表示されます。
|
44
|
+
(*2)デベロッパーツールで見ても特に表示はありませんが、要素が追加されません。
|
43
45
|
|
44
46
|
|
45
47
|
②サブミットイベントハンドラ内のajax通信について
|
@@ -54,13 +56,12 @@
|
|
54
56
|
url : 'test_api.php',
|
55
57
|
type : 'POST',
|
56
58
|
dataType : 'json',
|
57
|
-
async : false, //<--trueだとエラー
|
59
|
+
async : false, //(*3)<--trueだとエラー
|
58
60
|
data : { "uid": "test2" },
|
59
61
|
}).done(function(res) {
|
60
62
|
console.log("===>OK!!");
|
61
63
|
}).fail(function(res) {
|
62
|
-
console.log("===>NG!!");
|
64
|
+
console.log("===>NG!!(readyState=" + res.readyState + ", status=" + res.status + ", statusText=" + res.statusText + ")");
|
63
|
-
console.log(res);
|
64
65
|
});
|
65
66
|
});
|
66
67
|
});
|
@@ -69,4 +70,5 @@
|
|
69
70
|
<form action="xxxxx" method="post">
|
70
71
|
<button>送信</button>
|
71
72
|
</form>
|
72
|
-
```
|
73
|
+
```
|
74
|
+
(*3)デベロッパーツールで見ると「"===>NG!!(readyState=0, status=0, statusText=error)"」と表示されます。サーバへのアクセスはありません。
|