編集履歴

質問編集履歴

現在の問題点をより詳細に書きました。

2016/12/31 09:01

投稿

SoraSue

スコア30

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -154,7 +154,8 @@
 現在、ローカル開発環境でサイトを作っているので、サイトをそのまま見せることはできません。曖昧な部分が多いと思いますが、宜しくお願いします。
 ###修正2016/12/31 16:56
-Ajaxを使ってコードを書き直してみました。また、ファイルをjsとphpに分けました。今まで出ていたデータベースエラーはなくなりましたが、まだうまくいきません。以下がそのコードです。
+Ajaxを使ってコードを書き直してみました。また、ファイルをjsとphpに分けました。今まで出ていたデータベースエラーはなくなりましたが、まだ
+データベースからデータを取得・削除したり、データベースに入力されたデータを追加したりできません。以下がそのコードです。
 ```javascript
 <!DOCTYPE HTML>
 <html>

ファイルをjavascriptとphpに分けて、ajaxを利用しました。

2016/12/31 09:01

投稿

SoraSue

スコア30

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -153,38 +153,10 @@
 ###補足情報
 現在、ローカル開発環境でサイトを作っているので、サイトをそのまま見せることはできません。曖昧な部分が多いと思いますが、宜しくお願いします。
-###修正2016/12/30 23:34
+###修正2016/12/31 16:56
- HTMLが2回表示される問題は、whileループの位置を変えることで解決しました。教えてくださったmizさん、ありがとうございます。
+Ajaxを使ってコードを書き直してみました。また、ファイルをjsとphpに分けました。今まで出ていたデータベースエラーはなくなりましたが、まだうまくいきません。以下がそのコードです。
- 以下が変更したコードです。whileループを<script>の前に持って行きました。
-```php
-<?php
-ini_set( 'display_errors', 1 );
-if ( bp_has_members( bp_ajax_querystring( 'members' ) ) ) :
-    while ( bp_members() ) : bp_the_member();
-global $wpdb;
-global $bp;
+```javascript
-$wpdb->show_errors();
-$wpdb->print_error();
-/*$wpdb->get_results(
-        "SELECT id, user_id, field_id, value, last_updated FROM $wpdb->bp_xprofile_data WHERE field_id = 1 AND user_id IN (1)"
-        );*/
-//$wpdb->query( "SELECT user_id, meta_key, meta_value FROM $wpdb->usermeta "
-  //      . "WHERE meta_key IN ('total_friend_count','bp_latest_update') AND user_id IN (1,3)"
-//$MyUserID = $bp->loggedin_user->id;
-/*$prepared_sql = $wpdb->prepare(
-”INSERT INTO $wpdb->usermeta
-( user_id, user_key, user_value )
-VALUES ( %d, %s, %s )“,
-$MyUserID,
-$userkey,
-$uservalue
-);*/
-?>
-<!doctype html>
+<!DOCTYPE HTML>
 <html>
     <head>
         <meta charset="UTF-8">
@@ -221,88 +193,166 @@
         </style>
+        <script type="text/javascript" src=jquery1.10.1.min.js></script>
+        <script type="text/javascript" >
+  (function () {
+    function MakeLi(){
+        $.ajax({
+                type: 'POST',
+                url: ajaxurl,
+                data: {
+                        'action' : 'GetMyToDo',
+                      },
+        success: function( response ){
+                  var MyToDoList = response;
+                  var MyToDo = MyToDoList.split(",");
+                  $.each(MyToDo, function() {
+                  $(".ToDo_Ul").prepend("<li class='todo'>" + this + "</li>");
+                  });
+                  },
+        });
+    };
+    MakeLi();
+    $('#save').click(function(){
+        var memo = $('#memo').val();
+      	if(!memo) return;
+        $.ajax({
+                type: 'POST',
+                url: ajaxurl,
+                data: {
+                        'action' : 'SaveMyToDo',
+                      },
+        success: function( response ){
+                 }
+        });
+        MakeLi();
+        $('memo').val('');
+    });
+    $('.ToDo_Ul').on('click', '.todo', function(){
+        $.ajax({
+                type: 'POST',
+                url: ajaxurl,
+                data: {
+                        'action' : 'DeleteMyToDo',
+                      },
+       success: function( response ){
+                 }
+        });
+    MakeLi();
+    });
+ }());
+  </script>
     </head>
     <body>
     <div id="container">
-		<h2 class="ExplainToDo">続くToDoリスト</h4>
+		<h2 class="ExplainToDo">続くToDoリスト</h2>
 		<h6 class="ExplainToDo">*クリックするとそのタスクは消えます。</h6>
+    <form action="bp-custom.php" method="post">
 		<textarea id="memo" name="memo"></textarea>
 		<p>
 			<input type="button" id="save" value="保存">
 			<input type="button" id="clear" value="全消去">
 		</p>
+    </form>
 		<ul class="ToDo_Ul">
 		</ul>
 	</div>
-    <script type="text/javascript" src=jquery1.10.1.min.js></script>
+  </body>
-<?php while ( bp_members() ) : bp_the_member();
+</html>
+```
+```php
-        $MyUserID = bp_displayed_user_id();
+function add_my_ajaxurl() {
-        $memo = filter_input(INPUT_POST,'memo');
-  ?>
+?>
-	<script type="text/javascript" >
-  $(function () {
+    <script>
+        var ajaxurl = '<?php echo admin_url( 'admin-ajax.php'); ?>';
-    function MakeLi(){
+    </script>
-    <?php
+<?php
+}
+add_action( 'wp_head', 'add_my_ajaxurl', 1 );
+function GetMyToDo(){
+    if ( bp_has_members( bp_ajax_querystring( 'members' ) ) ) :
+    while ( bp_members() ) : bp_the_member();
+    global $wpdb,$bp;
+    $MyUserID = $bp->loggedin_user->id;
     $MyToDo = $wpdb->get_results("
     SELECT meta_value
     FROM $wpdb->usermeta
-    WHERE user_id = $MyUserID
+    WHERE user_id = '".$MyUserID."'
-    AND meta_key = ‘ToDoList’
+    AND meta_key = 'ToDoList'
     ", ARRAY_A );
     $MyToDoList = join(",",$MyToDo->meta_value);
+    echo $MyToDoList;
+    die();
+    endwhile ;
+    endif;
+}
+add_action( 'wp_ajax_GetMyToDo', 'GetMyToDo' );
-    ?>
-    var MyToDoList = "<?= $MyToDoList?>";
-    var MyToDo = MyToDoList.split(",");
-    $.each(MyToDo, function() {
-      $(".ToDo_Ul").prepend("<li class='todo'>" + this + "</li>");
-    });
-    }
-    MakeLi();
+function SaveMyToDo(){
+    if ( bp_has_members( bp_ajax_querystring( 'members' ) ) ) :
-    $('#save').click(function(){
+    while ( bp_members() ) : bp_the_member();
+    global $wpdb,$bp;
+    $MyUserID = $bp->loggedin_user->id;
-        var memo = $('#memo').val();
+    $memo = filter_input(INPUT_POST, 'memo');
-      	if(!memo) return;
-        <?php
-        $wpdb->insert($wpdb->usermeta,
+       $wpdb->insert($wpdb->usermeta,
-	       array(
+	       array(
-	         'user_id' => $MyUserID,
+	         'user_id' => '".$MyUserID."',
 		 'meta_key' => 'ToDoList',
-                 'meta_value' => $memo,
+                 'meta_value' => '".$memo."'
-	       ),
+	       ),
+	       array(
-	       array('%d', '%s', '%s'
+	         '%d',
+		 '%s',
+                 '%s'
-               )
+               )
         );
-        ?>
-        MakeLi();
+    die();
+    endwhile ;
+    endif;
+}
-        $('memo').val('');
+add_action( 'wp_ajax_SaveMyToDo', 'SaveMyToDo' );
-    });
+function DeleteMyToDo(){
-    $('.ToDo_Ul').on('click', '.todo', function(){
+    if ( bp_has_members( bp_ajax_querystring( 'members' ) ) ) :
+    while ( bp_members() ) : bp_the_member();
-  		<?php
+    global $wpdb,$bp;
+    $MyUserID = $bp->loggedin_user->id;
-                $wpdb->delete( $wpdb->usermeta,
+    $wpdb->delete( $wpdb->usermeta,
-                        array( 'user_id' => $MyUserID,
+                        array( 'user_id' => '".$MyUserID."',
                                'meta_key' => 'ToDoList',
-                               'meta_value' => this
+                               'meta_value' => '".this."'
-                             ),
+                             ),
                         array( '%d', '%s', '%s') );
-                ?>
-    MakeLi();
+    die();
+    endwhile ;
-    });
+    endif;
-    }
+}
-  </script>
-  </body>
-</html>
-<?php endwhile ; ?>
+add_action( 'wp_ajax_DeleteMyToDo', 'DeleteMyToDo' );
-<?php else : ?>
-<?php endif ; ?>
 ```

修正2016/12/30 23:34　　HTMLが2度表示される問題が解決しました。

2016/12/31 08:13

投稿

SoraSue

スコア30

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -153,12 +153,10 @@
 ###補足情報
 現在、ローカル開発環境でサイトを作っているので、サイトをそのまま見せることはできません。曖昧な部分が多いと思いますが、宜しくお願いします。
-###修正
-2016/12/30 22:44
+###修正2016/12/30 23:34
-mizさんの回答を受けてコードを修正しました。
-まだデータベースからうまく情報を取り出せません。
-しかし、「保存」ボタンを押した時に"user_id"と"meta_key"は正しく保存されるようになりました。（ただし、meta_valueは必ずnullになります。）
-また、html全体が上下に2回表示されるようになりました。つまり、ToDoリストのテキストボックスやボタンなどが全て2個表示されています。
+ HTMLが2回表示される問題は、whileループの位置を変えることで解決しました。教えてくださったmizさん、ありがとうございます。
+ 以下が変更したコードです。whileループを<script>の前に持って行きました。
 ```php
 <?php
 ini_set( 'display_errors', 1 );
@@ -175,8 +173,6 @@
 //$wpdb->query( "SELECT user_id, meta_key, meta_value FROM $wpdb->usermeta "
   //      . "WHERE meta_key IN ('total_friend_count','bp_latest_update') AND user_id IN (1,3)"
 //$MyUserID = $bp->loggedin_user->id;
-$MyUserID = bp_displayed_user_id();
-$memo = filter_input(INPUT_POST,'memo');
 /*$prepared_sql = $wpdb->prepare(
 ”INSERT INTO $wpdb->usermeta
 ( user_id, user_key, user_value )
@@ -241,8 +237,14 @@
 		</ul>
 	</div>
     <script type="text/javascript" src=jquery1.10.1.min.js></script>
+<?php while ( bp_members() ) : bp_the_member();
+        $MyUserID = bp_displayed_user_id();
+        $memo = filter_input(INPUT_POST,'memo');
+  ?>
-    <script type="text/javascript" >
+	<script type="text/javascript" >
-    $(function () {
+  $(function () {
     function MakeLi(){
     <?php
     $MyToDo = $wpdb->get_results("
@@ -271,11 +273,10 @@
         $wpdb->insert($wpdb->usermeta,
 	       array(
 	         'user_id' => $MyUserID,
-		     'meta_key' => 'ToDoList',
+		 'meta_key' => 'ToDoList',
-             'meta_value' => $memo,
+                 'meta_value' => $memo,
 	       ),
-	       array(
-	         '%d', '%s', '%s'
+	       array('%d', '%s', '%s'
                )
         );

2016/12/30 22:44 mizさんの回答を受けてコードを修正しました。詳しくは最後の「修正」をみてください。

2016/12/30 14:44

投稿

SoraSue

スコア30

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -151,4 +151,157 @@
 SELECT id, user_id, field_id, value, last_updated FROM WHERE field_id = 1 AND user_id IN (1)
 ```
 ###補足情報
-現在、ローカル開発環境でサイトを作っているので、サイトをそのまま見せることはできません。曖昧な部分が多いと思いますが、宜しくお願いします。
+現在、ローカル開発環境でサイトを作っているので、サイトをそのまま見せることはできません。曖昧な部分が多いと思いますが、宜しくお願いします。
+###修正
+2016/12/30 22:44
+mizさんの回答を受けてコードを修正しました。
+まだデータベースからうまく情報を取り出せません。
+しかし、「保存」ボタンを押した時に"user_id"と"meta_key"は正しく保存されるようになりました。（ただし、meta_valueは必ずnullになります。）
+また、html全体が上下に2回表示されるようになりました。つまり、ToDoリストのテキストボックスやボタンなどが全て2個表示されています。
+```php
+<?php
+ini_set( 'display_errors', 1 );
+if ( bp_has_members( bp_ajax_querystring( 'members' ) ) ) :
+    while ( bp_members() ) : bp_the_member();
+global $wpdb;
+global $bp;
+$wpdb->show_errors();
+$wpdb->print_error();
+/*$wpdb->get_results(
+        "SELECT id, user_id, field_id, value, last_updated FROM $wpdb->bp_xprofile_data WHERE field_id = 1 AND user_id IN (1)"
+        );*/
+//$wpdb->query( "SELECT user_id, meta_key, meta_value FROM $wpdb->usermeta "
+  //      . "WHERE meta_key IN ('total_friend_count','bp_latest_update') AND user_id IN (1,3)"
+//$MyUserID = $bp->loggedin_user->id;
+$MyUserID = bp_displayed_user_id();
+$memo = filter_input(INPUT_POST,'memo');
+/*$prepared_sql = $wpdb->prepare(
+”INSERT INTO $wpdb->usermeta
+( user_id, user_key, user_value )
+VALUES ( %d, %s, %s )“,
+$MyUserID,
+$userkey,
+$uservalue
+);*/
+?>
+<!doctype html>
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <title></title>
+        <style type="text/css">
+        #container{
+        	margin: 0 auto;
+        	width: 60%;
+        }
+        #memo{
+        	width: 100%;
+        }
+        .content{
+        	float: left;
+        	width: 90%;
+        	word-wrap: break-word;
+        }
+        h6{
+        	color: red;
+        }
+        li{
+        	list-style: decimal;
+        }
+        .MainWelcome{
+        }
+        .ExplainToDo{
+                text-align: center;
+        }
+        </style>
+    </head>
+    <body>
+    <div id="container">
+		<h2 class="ExplainToDo">続くToDoリスト</h4>
+		<h6 class="ExplainToDo">*クリックするとそのタスクは消えます。</h6>
+		<textarea id="memo" name="memo"></textarea>
+		<p>
+			<input type="button" id="save" value="保存">
+			<input type="button" id="clear" value="全消去">
+		</p>
+		<ul class="ToDo_Ul">
+		</ul>
+	</div>
+    <script type="text/javascript" src=jquery1.10.1.min.js></script>
+    <script type="text/javascript" >
+    $(function () {
+    function MakeLi(){
+    <?php
+    $MyToDo = $wpdb->get_results("
+    SELECT meta_value
+    FROM $wpdb->usermeta
+    WHERE user_id = $MyUserID
+    AND meta_key = ‘ToDoList’
+    ", ARRAY_A );
+    $MyToDoList = join(",",$MyToDo->meta_value);
+    ?>
+    var MyToDoList = "<?= $MyToDoList?>";
+    var MyToDo = MyToDoList.split(",");
+    $.each(MyToDo, function() {
+      $(".ToDo_Ul").prepend("<li class='todo'>" + this + "</li>");
+    });
+    }
+    MakeLi();
+    $('#save').click(function(){
+        var memo = $('#memo').val();
+      	if(!memo) return;
+        <?php
+        $wpdb->insert($wpdb->usermeta,
+	       array(
+	         'user_id' => $MyUserID,
+		     'meta_key' => 'ToDoList',
+             'meta_value' => $memo,
+	       ),
+	       array(
+	         '%d', '%s', '%s'
+               )
+        );
+        ?>
+        MakeLi();
+        $('memo').val('');
+    });
+    $('.ToDo_Ul').on('click', '.todo', function(){
+  		<?php
+                $wpdb->delete( $wpdb->usermeta,
+                        array( 'user_id' => $MyUserID,
+                               'meta_key' => 'ToDoList',
+                               'meta_value' => this
+                             ),
+                        array( '%d', '%s', '%s') );
+                ?>
+    MakeLi();
+    });
+    }
+  </script>
+  </body>
+</html>
+<?php endwhile ; ?>
+<?php else : ?>
+<?php endif ; ?>
+```