jquery、js jsp。 onclickは特定の行を削除します

Question

私はDBから値を削除するクエリをクリックしてポストするボタンを持っています。今すぐボタンをクリックするとDBからすべてのレコードが削除されますが、そのIDのレコードを削除するだけでIDがクリックされます。私は、ボタンのIDを動的に設定する必要があります、例えば以下を見てください。また、これを達成するための他の選択肢があることを私に示唆します。どんな助けでも大歓迎です。

//just for eg 
 
//this is my id which im getting from DB 
 
document.getElementsByClassName(".sui").value=$(this).attr("id"); [101,102---] 
 

 
//this is my button 
 
<button type="button" class="sukuti" >click me</button> 
 

 
//myquestion is how do I set it of button to be ($(this).attr("id"))

Answer 1

私が右理解している場合は、最後にクリックされた行のIDを取得し、データベース・サーバへのクエリを発行しようとしていました。

あなたはテーブルがあり、行ごとにその行を削除するボタンがあるとします。

まず、行IDを受け入れるバックエンドを作成し、たとえば対応する行を削除します。 mySQL。これはPHPで行うことができます。しかし、これは

"DELETE from MyTable WHERE id=" + id 

が続いてテーブル要素に（私はあなたが動的テーブルを生成しているかどうかはわかりませんが、私はあなたがバックエンドからJSONを取得することでこれをやっていると仮定）。..別の質問のためにあるボタンを配置し、設定しますonclickイベントへの

私たちのonclick関数内にidパラメータを持つボタンを生成することを目指しています。 簡単な関数は次のようになります。データ行をクリックし、あなたのコメントの中で提供される特別な情報に基づき

function myFunction(myid){ 
 
    //something to do with ID, maybe an AJAX query 
 
    //explaining AJAX to the backend in this scenario 
 
    $.ajax({ 
 
    type: "POST", //you might use GET aswell 
 
    data: {'id': myid}, 
 
    url: 'deleterow.php', 
 
    cache: false, 
 
    success: function(msg) { 
 
    //do something with received value 
 
    //this is the raw output of your backend service aswell 
 
    //basically, what you see on the screen :) 
 
    console.log("Succesfully deleted id:" + myid + ". msg:" + msg); 
 
    } 
 
    }); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

は完全なレコードを表示し、容易にフォームが表示されますそのレコードを削除するためのメカニズム（ボタン）。しかし、ボタンをクリックすると、特定のレコードだけでなく、すべてのレコードが削除されます。

• このオプションを使用しない限り、すべてのレコードを削除するサーバー側の方法を設計しないでください。そのようにしたい場合でも、すべてのレコードを削除するには別のURLを持つ別個のメソッドを持つ方が安全です。
• POSTを使用しているため、隠しフォーム入力<input type="hidden" name="id" value="101" />を使用するか、ボタン自体にHTML5スタイルのデータ属性を使用すると、そのリクエストをサーバーに送信できます。関連するアイデアはSO threadにチェックしてください。