phpファイルを呼び出すjsを実装する方法
- PHPzオリジナル
- 2023-04-19 09:15:421574ブラウズ
インターネット技術の継続的な発展に伴い、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['name']; $age=$_POST['age']; 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 サイトの他の関連記事を参照してください。