ホームページ > バックエンド開発 > PHPチュートリアル > ページを更新せずに JavaScript 変数を PHP に送信するにはどうすればよいですか?

ページを更新せずに JavaScript 変数を PHP に送信するにはどうすればよいですか?

Patricia Arquette
リリース: 2024-12-27 19:30:14
オリジナル
317 人が閲覧しました

How Can I Send a JavaScript Variable to PHP Without a Page Refresh?

ページを更新せずに JavaScript 変数を PHP 変数に送信する

質問:

JavaScript 変数を PHP 変数に送信するにはどうすればよいですか? PHP 変数、特にボタンがクリックされたときに使用し、更新せずにデータを取得するために使用します。 page?

解決策:

PHP などのサーバー側言語と JavaScript などのクライアント側言語は別々に動作しますが、AJAX 技術を使用して JavaScript 変数を PHP に送信できます。方法は次のとおりです:

JavaScript から PHP へ:

  1. XMLHttpRequest オブジェクト: AJAX を処理する XMLHttpRequest オブジェクトを作成します。 request.
var xhr = new XMLHttpRequest();
ログイン後にコピー
  1. Event Listener: クリックされたときに AJAX リクエストをトリガーするイベント リスナーをボタンに追加します。
document.getElementById("myButton").addEventListener("click", function() {
    // Your code to send the variable
});
ログイン後にコピー
  1. AJAX リクエスト: イベント内リスナーの場合は、XMLHttpRequest.open() メソッドを使用して新しい接続を開き、HTTP メソッド、URL エンドポイント、および非同期モードを指定します。次に、XMLHttpRequest.send() を使用してデータを送信します。
xhr.open("POST", "myphpfile.php", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("variable=" + theContents);
ログイン後にコピー

PHP から JavaScript へ:

PHP サーバー上で、 $_POST スーパーグローバルを使用して JavaScript から送信された変数

$phpvariable = $_POST['variable'];
ログイン後にコピー

注: データベース検索など、必要に応じて PHP コード内で $phpvariable を引き続き使用できます。

以上がページを更新せずに JavaScript 変数を PHP に送信するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート