JavaScript 호출 PHP 인터페이스에 대한 자세한 설명 : Fetch API 실용 가이드

현대 웹 개발에서 JavaScript와 PHP의 조합

현대 웹 개발에서 특히 백엔드 PHP 인터페이스가 JavaScript를 통해 호출되는 경우 JavaScript와 PHP의 조합이 특히 중요해졌습니다. 이 기사는 PHP 인터페이스를 효율적으로 호출하고 관련 실용 기술과 예방 조치를 공유하는 방법을 자세히 설명합니다.

JavaScript와 PHP의 역할을 이해하십시오

JavaScript는 페이지 상호 작용 및 동적 효과를 담당하는 클라이언트 스크립팅 언어입니다. PHP는 서버 측 언어이지만 비즈니스 로직 및 데이터 운영을 처리합니다. 이 둘을 결합하면 반응적이고 역동적으로 풍부한 웹 응용 프로그램을 달성 할 수 있습니다.

Fetch API를 사용하여 PHP 인터페이스를 호출합니다

최신 Fetch API를 사용하여 간단하고 사용하기 쉬운 PHP 인터페이스를 호출하는 것이 좋습니다. 예는 다음과 같습니다.

 fetch('http://yourserver.com/api.php', {
    method: 'GET',
    headers: {
        'Content-Type': 'application/json'
    }
})
.then(response => response.json())
.then(data => {
    console.log(data); // 반환 된 데이터를 처리하십시오
})
.catch((error) => {
    console.error('Error:', error);
});

샘플 PHP 인터페이스 코드

서버 측 PHP 인터페이스 예제는 다음과 같습니다. JSON 형식 데이터를 반환 할 책임이 있습니다.

 header('Content-Type: application/json');
$response = array("message" => "Hello, World!");
echo json_encode($response);

Post Method를 통해 데이터를 보냅니다

PHP 인터페이스로 데이터를 보내야 할 때 Fetch API의 게시물 요청을 사용할 수 있습니다. 예제는 다음과 같습니다.

 fetch('http://yourserver.com/api.php', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json'
    },
    body: JSON.stringify({ key: 'value' }) // 보낸 데이터
})
.then(response => response.json())
.then(data => {
    console.log(data);
})
.catch((error) => {
    console.error('Error:', error);
});

크로스 도메인 요청 문제를 처리하십시오

전류 및 백엔드 인터페이스가 동일한 도메인에 있지 않은 경우 교차 도메인 제한이 발생합니다. 이 시점에서 CORS 헤더 정보는 PHP 인터페이스에 추가하여 크로스 도메인 액세스를 허용 할 수 있습니다.

 <span class="fun">헤더 ( &#39;Access-Control-Ollow-Origin : *&#39;);</span>

인터페이스 보안 권장 사항

인터페이스의 보안을 보장하려면 입력 데이터를 엄격하게 확인하고 필터링하고 ID 인증 메커니즘을 결합하여 악의적 인 공격 및 데이터 유출을 방지해야합니다.

요약

이 기사의 도입을 통해 JavaScript를 사용하여 PHP 인터페이스를 호출하는 기본 방법을 마스터하고, 사용 시나리오 및 Get and Post 요청 작성을 이해했으며, 중요한 교차 도메인 및 보안 고려 사항도 이해했습니다. 전면과 후면 사이의 효율적인 데이터 상호 작용을 성공적으로 달성하는 데 도움이되기를 바랍니다.