phpファイルを呼び出すjsを実装する方法-PHPの問題-php.cn

phpファイルを呼び出すjsを実装する方法

PHPz

リリース： 2023-04-19 09:25:50

オリジナル

1624 人が閲覧しました

インターネット技術の継続的な発展に伴い、JavaScript を実装して PHP ファイルを呼び出し、フロントエンドとバックエンドのデータ対話を実現する必要がある Web サイトがますます増えています。この記事では、PHPファイルを呼び出すためのJS実装方法を紹介します。

1. JS は PHP ファイルを呼び出します

JS は主に Ajax テクノロジを通じて PHP ファイルを呼び出します。 Ajax (Asynchronous JavaScript And XML) は、非同期メカニズムを使用して非同期ページ更新を実現し、ユーザーエクスペリエンスを向上させる Web アプリケーションの開発テクノロジです。 JS で PHP ファイルを呼び出すには、XMLHttpRequest オブジェクトを使用する必要があります。

2. XMLHttpRequest オブジェクト

XMLHttpRequest オブジェクトは JavaScript の組み込みオブジェクトであり、これを通じてサーバーとの非同期通信を実現できます。 XMLHttpRequest オブジェクトには次の属性とメソッドがあります。

1.open(): 新しい HTTP リクエストを作成し、リクエストメソッド、URL アドレス、非同期送信するかどうかを指定します。

2.setRequestHeader(): リクエストヘッダ情報を設定します。

3.send(): HTTP リクエストを送信します。

4.onreadystatechange(): 状態変更を要求するときのコールバック関数。

3. デモの例

以下は、PHP ファイルを呼び出す JS を実装する方法を示すコードです:

1. まず、以下に示すように HTML ファイルを作成します。 :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JS调用PHP文件</title>
<script type="text/javascript">
function load(){
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange=function(){
    if(xhr.readyState==4 && xhr.status==200){
      document.getElementById("myDiv").innerHTML=xhr.responseText;
    }
  }
  xhr.open("POST","demo.php",true);
  xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  xhr.send("name=Peter&age=18");
}
</script>
</head>
<body>

<div id="myDiv"><h1>点击下面的按钮，加载PHP文件内容</h1></div>

<input type="button" value="点击加载PHP文件内容" onclick="load()">
</body>
</html>

ログイン後にコピー

2. 同じディレクトリに、demo.php という名前のファイルを作成します。ファイルコードは次のとおりです:

<?php
$name=$_POST[&#39;name&#39;];
$age=$_POST[&#39;age&#39;];
echo "您好，".$name."，您的年龄是".$age."岁。";
?>

ログイン後にコピー

3. ブラウザで HTML ファイルを開き、ボタンをクリックして、デモをロードします。 .php ファイルの内容。渡されたパラメータは、demo.php ファイルで取得され、パラメータに基づいて対応するコンテンツが生成され、echo ステートメントを通じて出力されます。

4. 注意事項

1. PHP ファイルを記述する場合、JS がデータを取得できるように、生成された内容を echo ステートメントを使用して出力する必要があります。

2. JSでPHPファイルを呼び出す場合は、リクエストメソッド(GETまたはPOST)、URLアドレス、渡すパラメータなどを指定する必要があります。

3. PHP ファイルでは、JS によって渡されるパラメータ値を取得するために、$_POST、$_GET などの変数を使用する必要があります。

4. PHPファイルを呼び出す場合、サーバーの応答を待つ必要があるため、サーバーの応答後に処理結果を受け取るコールバック関数をJSで定義する必要があります。

5. 概要

この記事の導入部を通じて、主に Ajax テクノロジを使用して PHP ファイルを呼び出す JS を実装する方法を学びました。実装プロセスでは、パラメーターを渡す形式、PHP ファイルの記述方法、コールバック関数の実装などの詳細に注意を払う必要があります。フロントエンドとバックエンドのデータ対話を実現する必要がある Web サイトの場合、この方法によりページの応答速度が向上し、ユーザーエクスペリエンスが向上します。

以上がphpファイルを呼び出すjsを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。