전체 페이지를 새로 고치지 않고 웹 페이지 콘텐츠를 동적으로 업데이트하려면 어떻게 해야 합니까?

새로 고침 없이 동적으로 페이지 콘텐츠 변경

질문:

웹페이지 콘텐츠를 어떻게 변경할 수 있나요? 전체를 다시 로드하지 않고 업데이트 페이지?

답변:

전체 새로 고침 없이 페이지 콘텐츠를 업데이트하려면 AJAX(Asynchronous JavaScript and XML)를 활용하면 됩니다. 이를 통해 페이지의 나머지 부분에 영향을 주지 않고 서버에서 데이터를 로드할 수 있습니다.

구현:

1. jQuery를 사용하여 Javascript 함수를 만듭니다.

function recp(id) {
  $('#myStyle').load('data.php?id=' + id);
}

이 함수는 jQuery의 load()를 사용합니다. PHP 스크립트에서 데이터를 검색하고 ID가 "myStyle"인 요소의 콘텐츠를 업데이트하는 메소드입니다.

2. Javascript 함수 호출:

<a href="#" onClick="recp('1')" > One   </a>
<a href="#" onClick="recp('2')" > Two   </a>
<a href="#" onClick="recp('3')" > Three </a>

이 링크를 클릭하면 recp() 함수가 실행되고 해당 링크에서 데이터가 로드됩니다. ID.

3. AJAX 요청을 처리하는 PHP 스크립트를 작성합니다.

require ('myConnect.php');     
$id = $_GET['id'];
$results = mysql_query("SELECT para FROM content WHERE  para_ID='$id'");   
if( mysql_num_rows($results) > 0 )
{
 $row = mysql_fetch_array( $results );
 echo $row['para'];
}

이 스크립트는 다음을 기반으로 데이터베이스에서 데이터를 검색합니다. AJAX를 통해 ID를 확인하고 결과를 클라이언트에 다시 보냅니다.

위 내용은 전체 페이지를 새로 고치지 않고 웹 페이지 콘텐츠를 동적으로 업데이트하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!