0

プレーンな HTML/CSS を使用して表示し、PHP/MySQL をデータ ストレージに使用するシンプルな Web サイトを作成しました。

Facebookの「いいね」ボタンに似たトグルボタンを追加したいと思います。

ページを離れることなく、ボタンを押したユーザーに対応するにはどうすればよいですか (この項目のデータベース レコードを追加し、ボタン テキストを変更します)。

この質問は果てしなく聞かれ、議論されていただろうと思いましたが、私が見つけたすべての解決策には、背景としてプレーンな PHP 以外のフレームワークが必要です。

4

1 に答える 1

3

JavaScriptで行う必要があります。「AJAX フォームの投稿」を読んでください。

高レベルのビュー:

  • ユーザーがボタンをクリックする
  • JavaScriptのハンドラーを介してクリックをキャプチャし、onclickそれを使用してJavaScript関数を呼び出します
  • 上記の関数は、XmlHttpRequest を介してターゲット ページへのリモート URL 要求を行います
  • そのターゲット ページは、POST または GET を介して渡されたパラメーターを受け取り、それらを使用してアクション (データベース レコードの追加など) を実行し、必要な応答を出力します。
  • JavaScript 関数が応答を読み取り、それに応じて動作します (例: ボタンのテキストを変更します)。

これはすべて、ページを更新せずに行われます。

これらはすべて純粋な低レベルの JavaScript コードで実行できますが、ブラウザーの互換性に関するさまざまな問題を解決しながら、多くのライブラリが既にそれを抽象化しています。jQuery javascript ライブラリをお勧めします。必要なことを正確に行うための簡単な方法と、優れたドキュメントを提供します。

于 2010-09-13T08:45:45.073 に答える