JavaScript가 페이지를 새로 고치지 않고 어떻게 PHP 함수를 호출할 수 있나요?

JavaScript에서 PHP 함수 호출: 심층 가이드

이 문서에서는 자주 수행되는 작업인 JavaScript에서 PHP 함수를 호출하는 주제를 살펴봅니다. 웹 애플리케이션을 통합할 때 발생하는 문제입니다.

JavaScript 제한사항

JavaScript는 PHP와 달리 웹 브라우저 내에서 작동하는 클라이언트측 스크립트 언어입니다. 서버 측 PHP 기능에 직접 액세스할 수 없습니다.

해결책: AJAX 요청

이러한 격차를 해소하기 위해 개발자는 AJAX(비동기 JavaScript 및 XML) 요청을 활용할 수 있습니다. AJAX를 사용하면 JavaScript가 페이지를 다시 로드하지 않고도 서버에 HTTP 요청을 보내고 비동기적으로 응답을 받을 수 있습니다.

AJAX 요청 구현

다음은 다음을 사용하여 "add"라는 PHP 함수 jQuery:

$.ajax({
    type: "POST",
    url: 'your_functions_address.php',
    dataType: 'json',
    data: {functionname: 'add', arguments: [1, 2]},

    success: function (obj, textstatus) {
                  if( !('error' in obj) ) {
                      yourVariable = obj.result;
                  }
                  else {
                      console.log(obj.error);
                  }
            }
});

서버측 PHP 스크립트

"your_functions_address.php" 스크립트는 AJAX 요청을 처리하고 "추가" 기능을 실행합니다.

header('Content-Type: application/json');

$aResult = array();

if( !isset($_POST['functionname']) ) { $aResult['error'] = 'No function name!'; }

if( !isset($_POST['arguments']) ) { $aResult['error'] = 'No function arguments!'; }

if( !isset($aResult['error']) ) {

    switch($_POST['functionname']) {
        case 'add':
               if( !is_array($_POST['arguments']) || (count($_POST['arguments']) < 2) ) {
                   $aResult['error'] = 'Error in arguments!';
               }
               else {
                   $aResult['result'] = add(floatval($_POST['arguments'][0]), floatval($_POST['arguments'][1]));
               }
               break;

        default:
               $aResult['error'] = 'Not found function '.$_POST['functionname'].'!';
               break;
    }

}

echo json_encode($aResult);

이 접근 방식을 사용하면 JavaScript가 PHP 함수를 동적으로 호출하고 클라이언트측과 서버측 간에 데이터를 교환할 수 있습니다. 스크립트.

위 내용은 JavaScript가 페이지를 새로 고치지 않고 어떻게 PHP 함수를 호출할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!