削除表の行（ループからAPI）カール

を使用して、Iは、テーブル内のAPIからのデータを表示するためのループ使用しています：削除表の行（ループからAPI）カール

for ($i = 0; $i < count($return['data']); $i++){ 
    echo "<tr><td>".$return['data'][$i]['data_id']."</td>"; 
    echo "<td>".'<button id="delete" class="btn btn-danger" value="'.$return['data'][$i]['data_id'].'" type="text">Delete</button>'."</td></tr>"; 
}

結果はdata_idを示す表であると行の削除ボタン。今、削除ボタンをクリックしたときにdata_idをcurl-> delete（api）コードに送信してアイテムを削除できるようにしたいと考えています。または削除ボタンでコードの下に実行するには、

curl --include \ --request DELETE \ --header "<secret key>" \ https://example.com/api/v1/data/{data_Iid}?app_id={appId}

をクリックすると、私はループからDATA_IDを含めると素っ気削除コードにそれを渡す必要があります。 onClick関数を使用してdata_idの値を取得しましたが、各削除ボタンの最初のdata_id値だけが表示されます。

私の目標を達成し、コードを削除するコードに右data_idを渡すことができますか？ありがとう、

出典

2017-09-26 callmejoejoe

パフォーマンス上の理由から、私はテーブルにイベントリスナーを配置します。 1つのJavaScriptイベントリスナーはボタン上のすべてのクリックを捕捉できます。次の例を見てください。

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8"> 
     <title>Button Value Event Listener</title> 
    </head> 
    <body> 
     <table id="my-table"> 
     <thead> 
      <tr> 
       <th>Spalte 1</th> 
       <th>Spalte 2</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>Wert 1</td> 
       <td> 
        <button value="1" name="delete[]">Mein Button</button> 
       </td> 
      </tr> 
      <tr> 
       <td>Wert 2</td> 
       <td> 
        <button value="2" name="delete[]">Mein Button</button> 
       </td> 
      </tr> 
     </tbody> 
     </table> 
     <script> 
      var table = document.getElementById('my-table'); 
      table.addEventListener('click', function(event) { 
       var target = event.target; 

       if (target.tagName = 'BUTTON' && target.value) { 
        // remove and place your ajax request here 
        console.log(target.value); 
       } 
      }); 
     </script> 
    </body> 
</html>

この例では、ボタンのfor-loopに配置したすべての値を取得します。 $return['data'][$i]['data_id']が設定されており、期待する値が含まれていることを確認してください。

この例では、IDはコンソールにのみ記録されています。 console.logは、非同期のjavascriptリクエスト（AJAX）に置き換えてください。

出典

2017-09-26 13:24:02 Marcel

私は、また、私はajaxでエラーを実行しています、あなたはそれを手伝ってもらえますか？ if（target.tagName = 'BUTTON' && target.value）{$ .ajax（{url： "delete.php"、data：$（this）.target.value、type}これは私のAjaxコードです。： $（ '＃resultback'）。addClass（ "アラートアラート成功"）.html（ 'これはキャンセルされました！'）; }} ）;} ' – callmejoejoe

削除表の行（ループからAPI）カール

答えて

関連する問題