페이지를 이동하지 않고 PHP 스크립트를 실행하는 방법에 대한 자세한 설명

웹 개발에서는 사용자 로그인 확인, 양식 데이터 제출 등과 같은 특정 기능을 구현하기 위해 PHP 스크립트를 사용해야 하는 경우가 많습니다. 그러나 이러한 PHP 스크립트를 실행할 때 페이지 이동이 자주 발생하며 이는 사용자 경험에 적합하지 않으며 웹 사이트 성능에도 영향을 미칩니다. 그렇다면 페이지로 이동하지 않고 어떻게 PHP 스크립트를 실행할 수 있습니까? 이 기사에서는 이를 달성하는 여러 가지 방법을 소개합니다.

1. Ajax 기술 사용

Ajax 기술은 비동기 방식으로 서버에 요청을 보내고 페이지를 새로 고치지 않고도 페이지 콘텐츠를 업데이트할 수 있습니다. 따라서 Ajax 기술을 사용하면 페이지로 이동하지 않고도 PHP 스크립트를 실행할 수 있습니다. 구체적인 작업 방법은 다음과 같습니다.

1. HTML 페이지에 jQuery 라이브러리 도입:

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

2. Ajax 코드 작성:

$.ajax({
    url: 'test.php',  // PHP脚本的URL地址
    type: 'post',  // 请求方式
    data: {name: 'John', age: 18},  // 发送给服务器的数据
    success: function(response){  
        // 成功接收到服务器的响应后执行的代码 
        alert(response);  // 显示服务器返回的数据
    }
});

이 예에서는 test.php라는 PHP 스크립트에 POST 요청을 보냈습니다. , 동시에 두 개의 매개변수(이름과 나이)가 서버에 전달됩니다. 서버가 요청을 성공적으로 처리하면 Ajax 콜백 함수에서 얻을 수 있는 일부 데이터가 반환됩니다.

2. iframe 태그를 사용하세요.

iframe 태그는 다른 HTML 페이지에 삽입될 수 있습니다. PHP 스크립트를 실행하는 페이지를 iframe에 삽입하면 JavaScript를 통해 실행 결과를 얻을 수 있습니다. 구체적인 작업 방법은 다음과 같습니다.

1. HTML 페이지에 iframe 태그 추가:

<iframe id="php-process" name="php-process" style="display:none;"></iframe>

2. HTML 페이지에 양식 추가:

<form id="php-form" method="post" action="test.php" target="php-process">
    <!-- 在这里添加需要传递给PHP脚本的参数 -->
    <input type="hidden" name="name" value="John" />
    <input type="hidden" name="age" value="18" />
</form>

3. JavaScript를 사용하여 양식을 제출하고 실행 결과 받기:

function submitForm(){
    document.getElementById("php-form").submit();  // 提交form表单
    var iframe = document.getElementById("php-process");
    iframe.onload = function(){
        // PHP脚本执行完毕后执行的代码
        alert(iframe.contentWindow.document.body.innerHTML);  // 获取执行结果
    }
}

여기에서는 submitForm 함수를 정의합니다. 이 함수가 호출되면 양식이 자동으로 제출되고 iframe이 로드된 후 실행 결과가 얻어집니다. iframe의 표시 속성은 없음으로 설정되어야 합니다. 그렇지 않으면 페이지 레이아웃에 영향을 미칩니다.

3. XMLHttpRequest 개체 사용

XMLHttpRequest는 브라우저와 서버 간에 데이터를 전송하는 데 사용되는 JavaScript 개체입니다. XMLHttpRequest를 사용하여 서버에 요청을 보내고 실행 결과를 얻은 다음 페이지를 새로 고치지 않고도 페이지 내용을 업데이트할 수 있습니다. 구체적인 작업 방법은 다음과 같습니다.

1. XMLHttpRequest 객체 생성:

var xmlhttp;
if (window.XMLHttpRequest){  
    // code for IE7+, Firefox, Chrome, Opera, Safari  
    xmlhttp = new XMLHttpRequest();  
}
else{  
    // code for IE6, IE5  
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");  
}

2. 서버에 요청 보내기:

xmlhttp.open("POST","test.php",true);  // 向test.php发送一个POST请求
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");  // 设置请求头
xmlhttp.send("name=John&age=18");  // 发送请求的数据

여기에서는 POST 요청을 사용하고 두 개의 매개 변수(이름 및 나이)를 서버에 전달했습니다. 섬기는 사람. 서버가 전송된 데이터를 올바르게 구문 분석할 수 있도록 요청 헤더도 설정해야 한다는 점에 유의해야 합니다.

3. 서버로부터 응답 받기:

xmlhttp.onreadystatechange = function(){
    if (this.readyState == 4 && this.status == 200){
        // 成功接收到服务器的响应后执行的代码
        alert(this.responseText);  // 显示服务器返回的数据
    }
}

여기에서는 콜백 함수를 사용하여 서버로부터 응답을 받습니다. ReadyState가 4이고 상태가 200이면 서버가 응답 데이터를 반환했다는 의미입니다. 콜백 함수에서 데이터를 가져와서 페이지에 표시할 수 있습니다.

요약

위는 페이지로 이동하지 않고 PHP 스크립트를 실행하는 여러 가지 방법입니다. 사용자 계정 및 비밀번호와 같은 민감한 정보와 관련된 일부 작업의 경우 사용자 정보를 보호하기 위해 보다 안전한 조치를 채택해야 합니다. 예를 들어, 인증된 사용자만 스크립트를 실행할 수 있도록 PHP 스크립트에 보안 확인 메커니즘을 추가합니다.

위 내용은 페이지를 이동하지 않고 PHP 스크립트를 실행하는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!