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

質問編集履歴

3

解決追記

2019/04/12 04:08

投稿

choco_mint
choco_mint

スコア33

title CHANGED
File without changes
body CHANGED
@@ -1,3 +1,10 @@
1
+ **解決済み追記**
2
+ みなさま回答ありがとうございました!!
3
+ .ajax内のurl指定が間違えていました。
4
+ フォルダ構成も同じでやっていたので合っているものと思い込んでいました。
5
+ たくさんのアドバイスありがとうございました!!
6
+ m(_ _)m
7
+
1
8
  ### 現状
2
9
  フォーム画面に3つ入力欄があり、そこに入力したテキストがデータベースへ登録され、削除、編集ができるプログラムのテストをしています。
3
10
 

2

keiさんのアドバイスに対する試行結果を追記しました。

2019/04/12 04:08

投稿

choco_mint
choco_mint

スコア33

title CHANGED
File without changes
body CHANGED
@@ -231,4 +231,8 @@
231
231
  ```
232
232
 
233
233
  コンソール画面に押したボタンのidが表示されました。
234
- ![イメージ説明](8643a0963adb73c6c8f97badb47ce602.png)
234
+ ![イメージ説明](8643a0963adb73c6c8f97badb47ce602.png)
235
+ ---
236
+ **keiさんのアドバイスに対しての追記**
237
+ レスポンス画面
238
+ ![イメージ説明](f8b6150ecefafb79e1b85c4a47892a2a.png)

1

アドバイスによる試行の画面追加

2019/04/12 03:24

投稿

choco_mint
choco_mint

スコア33

title CHANGED
File without changes
body CHANGED
@@ -189,4 +189,46 @@
189
189
 
190
190
  教材の回答ページではエラーも出ずに機能してるのですが、自分の環境で再現するとエラーを吐いているため教材自体が間違ってはいないと思うのですが、どこをどういじったらいいかわからず困っています。
191
191
 
192
- ご教授のほど、よろしくおねがいします。
192
+ ご教授のほど、よろしくおねがいします。
193
+
194
+ ---
195
+ **追記:console.log(btnid)を追加**
196
+ ```javascript
197
+
198
+ $(".deleteBtn").click(function(){
199
+ var btnid = $(this).data("id");
200
+ console.log(btnid);              //<-----追加した文言
201
+ deleteData(btnid);
202
+ });
203
+
204
+ //編集ボタンをeditBtnをクリックすると、、
205
+ $(".editBtn").click(function(){
206
+ //ボタンにセットされたdata-idを取得。
207
+ var btnid = $(this).data("id");
208
+ console.log(btnid);              //<-----追加した文言
209
+ //URLにパラメータ./?edit={id}をつけて再読み込み。
210
+ window.location.href = "./?edit="+btnid;
211
+ //次の画面でURLパラメータをphpが受け取り、処理。
212
+ //冒頭から読み返してみてください。
213
+ });
214
+
215
+ function deleteData(btnid){
216
+ $.ajax({
217
+ type: 'POST',
218
+ dataType:'json',
219
+ url:'functions/delete_func.php',
220
+ data:{
221
+ btnid:btnid,
222
+ },
223
+ success:function(data) {
224
+ window.location.href = "./";
225
+ },
226
+ error:function(XMLHttpRequest, textStatus, errorThrown) {
227
+ alert(errorThrown);
228
+ }
229
+ });
230
+ };
231
+ ```
232
+
233
+ コンソール画面に押したボタンのidが表示されました。
234
+ ![イメージ説明](8643a0963adb73c6c8f97badb47ce602.png)