次のようなボタンがあります。
<a id="MSN89" class="onButton">
状態を次のように変更したい:
<a id="MSN89" class="offButton">
最初の赤いボタンをクリックして、値 (MSM89 など) を SQL データベースに保存できるようにします。
2 番目の灰色のボタンをクリックして、SQL データベースから値 (MSM89 など) を出力できるようにします。
このようにしようとしましたが、ページが常にリロードされ、データが多すぎて、クリックするたびにリロードできません...
UPDATE User
SET cards='MSN89'
WHERE User_Id='3';
thisを読みましたが、コードに実装する方法がわかりません。
私を正しい方向に向けてくれてありがとう。
私はこのタイプのコードを試しましたが、確かにこれは最善の方法であり、ページを更新しません...
<a id="MSN89" class="onButton">
<script>
$(".onButton").click(function() {
// sql request
...
UPDATE User SET cards='MSN89' WHERE User_Id='3';
...
});
</script>
<a id="MSN89" class="offButton">
<script>
$(".offButton").click(function() {
// sql request
...
UPDATE User SET cards='' WHERE User_Id='3';
...
});
</script>