php ajaxの書き方

WBOY
リリース: 2023-05-29 11:43:38
オリジナル
542 人が閲覧しました

PHP と AJAX を組み合わせたアプリケーションは、近年のフロントエンド開発における重要なトレンドの 1 つです。一般的に使用される PHP AJAX 記述方法は次のとおりです:

1. Ajax インタラクションに jQuery ライブラリを使用する

PHP で Ajax インタラクションを使用する最も一般的な方法は、jQuery の $.ajax() 関数を使用することです。 。 $.ajax() 関数は、HTTP リクエストをサーバーに送信する簡単な方法を提供し、リクエストの現在のステータスを追跡できます。以下は、$.ajax() 関数を使用して Ajax リクエストを行う例です。

$.ajax({
    url: 'test.php', // 请求地址
    type: 'POST',   // 请求类型
    data: {name: 'test'}, // 发送到服务器的数据
    success: function(data) { // 成功回调函数
        alert(data);
    },
    error: function() { // 失败回调函数
        alert('请求失败');
    }
});
ログイン後にコピー

サーバー側では、サーバーに送信されたデータは、PHP の $_POST[] 配列を通じて取得できます。

2. Ajax インタラクションに XMLHttpRequest オブジェクトを使用する

PHP で Ajax インタラクションを使用するもう 1 つの方法は、XMLHttpRequest (XHR) オブジェクトを使用することです。 XHR オブジェクトは、HTTP リクエストをサーバーに送信してレスポンスを受信できるため、JavaScript はページ全体をリロードせずにページ上のコンテンツを更新できます。以下は、XHR オブジェクトを使用して Ajax リクエストを行う例です。

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        document.getElementById("myDiv").innerHTML = this.responseText;
    }
};
xmlhttp.open("GET", "test.php", true);
xmlhttp.send();
ログイン後にコピー

サーバー側では、リクエスト パラメータは PHP の $_GET[] 配列を通じて取得できます。

3. PHP の組み込み Ajax 関数を使用する

PHP には exec() などのいくつかの組み込み関数もあり、これを使用して一部のシステム コマンドを実行したり、他のプログラムを呼び出して実装したりできます。 Ajax関数。以下は、PHP の組み込み ajax 関数の使用例です。

<?php
$output = shell_exec('ls -lart');
echo "<pre class="brush:php;toolbar:false">$output
"; ?>
ログイン後にコピー

この例では、PHP は、システム コマンド「ls -lart」を呼び出して、スクリプト ファイルと同じフォルダーとファイルを一覧表示し、結果。

まとめ

上記は、PHP と Ajax を組み合わせるときによく使用される 3 つの記述方法です。 Ajax インタラクションを使用する場合は、セキュリティに注意する必要があることに注意してください。データを処理する場合、PHP が提供する入力フィルタリング機能とデータ検証機能を使用して、サーバーから返されたデータが正確で信頼できるものであることを確認できます。同時に、データをブラウザに返すときは、攻撃者が悪意のあるスクリプトを通じて機密のユーザー データを取得しないように、XSS 攻撃に特別な注意を払う必要があります。

以上がphp ajaxの書き方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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