teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

ご指摘ありがとうございます。エラー内容を追記させて頂きました。

2016/10/06 06:37

投稿

taka.nico
taka.nico

スコア12

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)"」と表示されます。サーバへのアクセスはありません。