質問編集履歴

3

解決追記

2019/04/12 04:08

投稿

choco_mint
choco_mint

スコア33

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

2

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

2019/04/12 04:08

投稿

choco_mint
choco_mint

スコア33

test CHANGED
File without changes
test CHANGED
@@ -465,3 +465,11 @@
465
465
  コンソール画面に押したボタンのidが表示されました。
466
466
 
467
467
  ![イメージ説明](8643a0963adb73c6c8f97badb47ce602.png)
468
+
469
+ ---
470
+
471
+ **keiさんのアドバイスに対しての追記**
472
+
473
+ レスポンス画面
474
+
475
+ ![イメージ説明](f8b6150ecefafb79e1b85c4a47892a2a.png)

1

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

2019/04/12 03:24

投稿

choco_mint
choco_mint

スコア33

test CHANGED
File without changes
test CHANGED
@@ -381,3 +381,87 @@
381
381
 
382
382
 
383
383
  ご教授のほど、よろしくおねがいします。
384
+
385
+
386
+
387
+ ---
388
+
389
+ **追記:console.log(btnid)を追加**
390
+
391
+ ```javascript
392
+
393
+
394
+
395
+ $(".deleteBtn").click(function(){
396
+
397
+ var btnid = $(this).data("id");
398
+
399
+ console.log(btnid);              //<-----追加した文言
400
+
401
+ deleteData(btnid);
402
+
403
+ });
404
+
405
+
406
+
407
+ //編集ボタンをeditBtnをクリックすると、、
408
+
409
+ $(".editBtn").click(function(){
410
+
411
+ //ボタンにセットされたdata-idを取得。
412
+
413
+ var btnid = $(this).data("id");
414
+
415
+ console.log(btnid);              //<-----追加した文言
416
+
417
+ //URLにパラメータ./?edit={id}をつけて再読み込み。
418
+
419
+ window.location.href = "./?edit="+btnid;
420
+
421
+ //次の画面でURLパラメータをphpが受け取り、処理。
422
+
423
+ //冒頭から読み返してみてください。
424
+
425
+ });
426
+
427
+
428
+
429
+ function deleteData(btnid){
430
+
431
+ $.ajax({
432
+
433
+ type: 'POST',
434
+
435
+ dataType:'json',
436
+
437
+ url:'functions/delete_func.php',
438
+
439
+ data:{
440
+
441
+ btnid:btnid,
442
+
443
+ },
444
+
445
+ success:function(data) {
446
+
447
+ window.location.href = "./";
448
+
449
+ },
450
+
451
+ error:function(XMLHttpRequest, textStatus, errorThrown) {
452
+
453
+ alert(errorThrown);
454
+
455
+ }
456
+
457
+ });
458
+
459
+ };
460
+
461
+ ```
462
+
463
+
464
+
465
+ コンソール画面に押したボタンのidが表示されました。
466
+
467
+ ![イメージ説明](8643a0963adb73c6c8f97badb47ce602.png)