日本語
日本語
インターネットの急速な発展に伴い、携帯電話は人々の日常生活の不可欠な部分になりました。多くのアプリケーションは、ユーザーが提供する携帯電話番号が有効かどうかを確認する必要があります。ユーザーエクスペリエンスを改善するために、AJAXおよびPHPテクノロジーを使用して、ページを更新せずに携帯電話番号を検証できます。
Ajax（非同期JavaScriptおよびXML）は、Webページで非同期にデータを送信および受信するために使用される技術です。 Ajaxを使用すると、ユーザーはページ全体を更新せずにコンテンツを更新することができ、それによりユーザーエクスペリエンスが大幅に向上します。
更新されない携帯電話番号の確認を実装する前に、ユーザーが提出した携帯電話番号を処理するには、背景にPHPコードを記述する必要があります。これが簡単なPHPコードの例です。
<?php
// ユーザーが送信した携帯電話番号を取得します
$phone_number = $_POST['phone_number'];
// 携帯電話番号検証ロジックを実行します
// ...
// 確認結果を返します
echo $result;
?>次に、AJAXを使用してPOSTリクエストを送信し、検証のためにユーザーが入力した携帯電話番号をPHPの背景に送信します。これは、操作の滑らかさを改善するリフレッシュフリー検証方法です。
// ユーザーが入力した携帯電話番号を取得します
var phoneNumber = document.getElementById("phone_number").value;
// aを作成しますXMLHttpRequest物体
var xhttp = new XMLHttpRequest();
// リクエスト方法を設定しますURL
xhttp.open("POST", "verify_phone.php", true);
// リクエストヘッダーを設定します
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
// コールバック関数を設定します
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 返された検証結果を処理します
var result = this.responseText;
if (result == "valid") {
alert("有効な携帯電話番号！");
} else {
alert("無効な携帯電話番号！");
}
}
};
// 携帯電話番号をパラメーターとして送信しますPHP舞台裏
xhttp.send("phone_number=" + phoneNumber);PHPの背景コードでは、最初にフロントエンドから携帯電話番号を送信してから確認します。これがサンプルコードです：
<?php
// ユーザーが送信した携帯電話番号を取得します
$phone_number = $_POST['phone_number'];
// 携帯電話番号検証ロジックを実行します
if (empty($phone_number)) {
$result = "empty";
} elseif (!preg_match('/^1[34578]\d{9}$/', $phone_number)) {
$result = "invalid";
} else {
// 有効な携帯電話番号
$result = "valid";
}
// 確認結果を返します
echo $result;
?>AJAXとPHPの組み合わせにより、更新せずに携帯電話番号を検証する機能を効率的に実装し、ユーザーエクスペリエンスを改善できます。登録フォーム、検証コード検証、またはその他のアプリケーションシナリオであれ、このテクノロジーには幅広いアプリケーションの見通しがあります。
特定のニーズに応じて、開発者は携帯電話番号検証ロジックを最適化することもできます。たとえば、番号が登録されているかどうかを確認したり、特定の形式を満たすために要求します。
AJAXとPHPの組み合わせをマスターすると、ユーザーエクスペリエンスを改善するだけでなく、より複雑なフロントエンドおよびバックエンドの相互作用機能を達成できます。
