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

質問編集履歴

1

一部変更

2017/10/30 06:32

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -8,33 +8,32 @@
8
8
  };
9
9
  ```
10
10
 
11
- ```Jquery
11
+ ```javascript
12
- $(document).ready(function() {
12
+ $(document).ready(function() {
13
- $('#send_comment').click(function() {
13
+ $('#comment_form').submit(function(e) {
14
+ e.preventDefault();
14
- var data = {id:$('#thread_id').val() ,name:$('#username').val() , text:$('#text').val()};
15
+ var data = {id:$('#comment_thread_id').val() ,name:$('#comment_user_name').val() , text:$('#comment_text').val()};
15
- $.ajax({
16
+ $.ajax({
16
- type: "POST",
17
+ type: "POST",
17
- url: "talk.php",
18
+ url: "talk.php",
18
- data: data
19
+ data: data,
19
- }).done(function(data,dataType){
20
+ }).done(function(data){
20
- alert('ok');
21
+ console.log("ajax通信に成功しました");
21
- }).fail(function(XMLHttpRequest, textStatus, errorThrown){
22
22
 
23
+ }).fail(function(XMLHttpRequest, textStatus, errorThrown){
24
+ console.log("ajax通信に失敗しました");
23
- })
25
+ })
24
- return false;
26
+ return false;
25
- });
27
+ });
26
-
27
-
28
- });
28
+ });
29
29
  ```
30
30
 
31
31
  ```HTML
32
- <form action="" method="post">
32
+ <form id ="comment_form" action="talk.php" method="post">
33
- <input id="thread_id" type="hidden" name="id" value="<?= $sledid;?>">
33
+ <input id="comment_thread_id" type="hidden" name="id" value="<?= $sledid;?>">
34
- <p>名前<input id="username" type="text" name="username" value=""></p>
34
+ <p>名前<input id="comment_user_name" type="text" name="username" value=""></p>
35
- <p>本文<input id="text" type="text" name="body" value=""></p>
35
+ <p>本文<input id="comment_text" type="text" name="body" value=""></p>
36
- <input id = "send_comment" type="submit" name="" value="挿入">
36
+ <input type="submit" name="" value="挿入">
37
- </form>
38
37
  ```
39
38
 
40
39
  ```PHP