한국어
한국어
인터넷의 빠른 발전으로 휴대 전화는 사람들의 일상 생활에 없어서는 안될 부분이되었습니다. 많은 응용 프로그램이 사용자가 제공 한 휴대 전화 번호가 유효한지 확인해야합니다. 사용자 경험을 향상시키기 위해 AJAX 및 PHP 기술을 사용하여 페이지를 새로 고치지 않고 휴대 전화 번호를 확인할 수 있습니다.
Ajax (비동기 JavaScript 및 XML)는 웹 페이지에서 데이터를 비동기로 보내고받는 데 사용되는 기술입니다. AJAX를 사용하면 사용자가 전체 페이지를 새로 고치지 않고 일부 콘텐츠를 업데이트하여 사용자 경험을 크게 향상시킬 수 있습니다.
새로 고침없는 휴대 전화 번호 검증을 구현하기 전에 백그라운드에서 PHP 코드를 작성하여 사용자가 제출 한 휴대 전화 번호를 처리해야합니다. 간단한 PHP 코드 예는 다음과 같습니다.
<?php
// 사용자가 제출 한 휴대폰 번호를 받으십시오
$phone_number = $_POST['phone_number'];
// 휴대폰 번호 검증 로직을 수행하십시오
// ...
// 반환 검증 결과
echo $result;
?>그런 다음 AJAX를 사용하여 게시물 요청을 보내고 사용자가 입력 한 휴대 전화 번호를 PHP 배경으로 보내 검증을 받으십시오. 이것은 작업의 부드러움을 향상시키는 새로 고침없는 검증 방법입니다.
// 사용자가 입력 한 휴대 전화 번호를 받으십시오
var phoneNumber = document.getElementById("phone_number").value;
// aXMLHttpRequest물체
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의 조합을 마스터하면 사용자 경험을 향상시킬뿐만 아니라보다 복잡한 프론트 및 백엔드 상호 작용 기능을 달성 할 수 있습니다.
