-1

時間を節約するための私の質問:

ボタンのクリック数をカウントし、その値をWordpress MySQL dbに保存し、その更新された合計数をAjaxでdivに取得して、ページを再読み込みする必要がないようにする最も簡単な方法は何ですか?

mysql db のサポートを追加し、jQuery を原動力として Ajax を更新することで、より多くの UX の栄光に飛び込む方法を学んでいます。

一般的なデータベースの操作に関する私の知識は... 控えめに言っても緑色です。

別の質問がありますが、これをより一般的な質問として開くと思いました。オンラインで多くのチュートリアルを目にしますが、SO で既に学んだことがわかっているようなエレガントで最小限のコードはあまりありません。

OP はこちら: jQuery でクリック数をカウントし、Ajax で表示する

4

1 に答える 1

1

次のように、ボタンのクリック イベントにバインドし、サーバー側のロジックにデータベースのカウントをインクリメントするように指示できます。

$("#YourButton").click(function() {
    $.ajax({
        url: '/PathToServerSide',
        type: 'POST',
        data: {increment: true},
        success: function(data) { 
            alert('Server click count updated!') 
        }
    });
}

注: カウント値が何であるかをサーバー側に伝えるためにクライアント側を信頼しないでください。代わりにコマンド ( increment) を送信して、データベース内の値をインクリメントするようにサーバー側のロジックに指示してください。

クリック数を表示するにはdata、AJAXsuccessコールバックから返された と jQuery.html()関数を次のように使用します。

$('#YourCounter').html('The button has been clicked ' + data + ' times`);
于 2013-08-28T02:22:39.843 に答える