PHP 파일을 호출하는 js를 구현하는 방법
- PHPz원래의
- 2023-04-19 09:15:421574검색
인터넷 기술이 지속적으로 발전함에 따라 프론트 엔드 및 백엔드 데이터 상호 작용을 달성하기 위해 PHP 파일을 호출하기 위해 JavaScript를 구현해야 하는 웹 사이트가 점점 더 많아지고 있습니다. 이 기사에서는 JS를 구현하여 PHP 파일을 호출하는 방법을 소개합니다.
1. JS는 PHP 파일을 호출합니다.
JS는 주로 Ajax 기술을 통해 PHP 파일을 호출합니다. Ajax(Asynchronous JavaScript And XML)는 비동기 메커니즘을 사용하여 페이지를 비동기적으로 새로 고치고 사용자 경험을 향상시키는 웹 애플리케이션용 개발 기술입니다. JS에서 PHP 파일을 호출하려면 XMLHttpRequest 객체를 사용해야 합니다.
2. XMLHttpRequest 객체
XMLHttpRequest 객체는 JavaScript에 내장된 객체로, 이를 통해 서버와의 비동기 통신이 가능합니다. XMLHttpRequest 객체에는 다음과 같은 속성과 메서드가 있습니다.
1.open(): 새 HTTP 요청을 생성하고 요청 메서드, URL 주소 및 비동기 전송 여부를 지정합니다.
2.setRequestHeader(): 요청 헤더 정보를 설정합니다.
3.send(): HTTP 요청을 보냅니다.
4.onreadystatechange(): 상태 변경 요청 시 콜백 함수입니다.
3. 예제 데모
다음은 JS를 구현하여 PHP 파일을 호출하는 방법을 보여주는 코드입니다.
1 먼저 아래와 같이 HTML 파일을 만듭니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JS调用PHP文件</title>
<script type="text/javascript">
function load(){
var xhr = new XMLHttpRequest();
xhr.onreadystatechange=function(){
if(xhr.readyState==4 && xhr.status==200){
document.getElementById("myDiv").innerHTML=xhr.responseText;
}
}
xhr.open("POST","demo.php",true);
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xhr.send("name=Peter&age=18");
}
</script>
</head>
<body>
<div id="myDiv"><h1>点击下面的按钮，加载PHP文件内容</h1></div>
<input type="button" value="点击加载PHP文件内容" onclick="load()">
</body>
</html>
2. 동일한 디렉토리.php 파일에서 파일 코드는 다음과 같습니다:
<?php $name=$_POST['name']; $age=$_POST['age']; echo "您好，".$name."，您的年龄是".$age."岁。"; ?>
3. 브라우저에서 HTML 파일을 열고 버튼을 클릭하여 데모.php 파일의 내용을 로드합니다. 전달된 매개변수는 데모.php 파일에서 얻어지며, 매개변수를 기반으로 해당 내용이 생성되고 echo 문을 통해 출력됩니다.
4. Notes
1. PHP 파일을 작성할 때 JS가 데이터를 얻을 수 있도록 echo 문을 사용하여 생성된 내용을 출력해야 합니다.
2. JS에서 PHP 파일을 호출할 때 요청 방법(GET 또는 POST), URL 주소, 전달된 매개변수 및 기타 정보를 지정해야 합니다.
3. PHP 파일에서 JS가 전달한 매개변수 값을 얻으려면 $_POST, $_GET 및 기타 변수를 사용해야 합니다.
4. PHP 파일 호출 시 서버 응답을 기다려야 하기 때문에 서버 응답 이후 처리 결과를 받기 위해서는 JS에서 콜백 함수를 정의해야 합니다.
5. 요약
이번 글의 소개를 통해 우리는 주로 Ajax 기술을 통해 JS를 구현하여 PHP 파일을 호출하는 방법을 배웠습니다. 구현 과정에서는 매개변수 전달 형식, PHP 파일 작성 방법, 콜백 함수 구현 등 세부 사항에 주의해야 합니다. 프런트엔드와 백엔드 데이터 상호 작용을 구현해야 하는 웹 사이트의 경우 이 방법을 사용하면 페이지의 응답 속도를 향상하고 사용자 경험을 향상할 수 있습니다.
위 내용은 PHP 파일을 호출하는 js를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!