ホームページ > バックエンド開発 > PHPの問題 > PHP ページが更新されず、データも更新されない

PHP ページが更新されず、データも更新されない

angryTom
リリース: 2023-02-28 07:38:01
オリジナル
5578 人が閲覧しました

PHP ページが更新されず、データも更新されない

#php ページが更新されず、データが更新されない

php ページが更新されず、データが更新されるのは非常に簡単です。実装すると、フロントエンドの ajax テクノロジーを使用できます。

ajax の役割: ajax テクノロジの目的は、JavaScript が http リクエストを送信し、バックグラウンドと通信し、データと情報を取得できるようにすることです。フロントエンドとバックエンドの分離を実現します。 ajax テクノロジの原理は、xmlhttp オブジェクトをインスタンス化し、このオブジェクトを使用してバックグラウンドと通信することです。 ajax通信の処理はその後のJavaScriptの実行に影響を与えないため、非同期実装が実現します。

ajax が js で解決する主な問題は、現在のページを更新せずに、特定のデータをサーバーに渡し、特定のデータをサーバーからクライアントに取得することです。

1. HTML での 5 つのステップ戦略:

1. AJAX コア オブジェクトを確立する

ar xhr=new XMLHttpRequest();
ログイン後にコピー

2. プリロードを追加する; if 関数を参照するxhr オブジェクトの準備済み状態が変化するとトリガーされます。


xhr.addEventListener("load",loadHandler);
ログイン後にコピー

3. 接続を確立する

xhr.open("GET","http://localhost/index.php?user=zhangsan");
ログイン後にコピー

接続を確立する際のパラメータの問題、構文:

xhr.open("get", url, true);
ログイン後にコピー

注: オープン中の

( ) メソッド 1 つのパラメーターはリクエストの送信メソッドを参照し、値は get または post です。

2 番目のパラメーターは、要求された URL パスを参照します。これは、作成した php ファイルのパスですか?以下は、キャリーされた get が取得する必要がある関連情報です。

3 番目のパラメータは、リクエストが非同期か同期かを表し、true を記述した場合は非同期 (デフォルトは true)、false を記述した場合は同期を意味します。

4. サーバーへのリクエストを開始します

xhr.send();
ログイン後にコピー
ログイン後にコピー

構文:

xhr.send();
ログイン後にコピー
ログイン後にコピー

注: リクエストが get モードで送信される場合、パラメータを記述する必要はありません。 send() コマンド

渡されたデータは URL に書き込むことができ、サーバーは $_GET["パラメータ名"] を使用してそれを受け取ります。

リクエストがポスト モードで送信される場合、データをバックエンド ページに正しく渡すためにリクエスト ヘッダーを設定する必要があります。ここでは get メソッドを使用しているため、パラメータを記述する必要はありません。

xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 
xhr.send(“数据名1=数据值&数据名2=数据值”);
ログイン後にコピー

サーバーは

$_POST["パラメータ名"] を使用して受信します。

5. プリロード関数を宣言し、応答を受け取ります

function loadHandler(){
   // 获取并使用服务器的响应
    console.log(xhr.response);
 
}
ログイン後にコピー

2・php ファイル内で

#3 つのステップ:

header("content-type:text/html;charset=utf-8");
ログイン後にコピー

文字エンコーディングを設定します

header("Access-Control-Allow-Origin:*");
ログイン後にコピー

クロスドメイン アクセスを実現するには、Access-Control-Allow-Origin を設定します (デフォルトでは、異なるドメイン名の相互通信が許可されていないため)

echo $_GET["user"]."今天心情很好";
ログイン後にコピー

何をするかフロントデスクにデータを渡します

4. アクセスを実装します:

以下に示すように、書き込んだ php ファイルを phpStydy の www フォルダーに置きます:

1. インストールを見つけます。 phpStyle ディレクトリの

2. www フォルダーを開いて見つけます

3. 書き込んだ PHP ファイルをコピーしますwww 先ほど作成した Index.php ファイルなどのフォルダー内に移動します。

4. 次に、単純な Ajax アクセスを実装します。

次に、HTML を実行します。コード:

#この時点では、ページは更新されず、PHP データにアクセスできます。

PHP 関連の知識の詳細については、# を参照してください。 # #PHP中文网

!

以上がPHP ページが更新されず、データも更新されないの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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