AJAX, PHP 및 jQuery를 사용하여 DIV 콘텐츠 조작

이 시나리오에서는 DIV 요소의 콘텐츠를 동적으로 수정하는 것을 목표로 합니다. 목록 항목 선택 시. AJAX, PHP 및 jQuery를 사용하여 이를 달성하는 방법은 다음과 같습니다.

1. DIV 및 목록 구조 만들기:

Here is a summary of the movie

  
Name of movie 1
  
Name of movie 2
  ...

2. AJAX 함수 정의:

function getSummary(id) {
  $.ajax({
    type: "GET",
    url: 'your_php_script.php',
    data: "id="   id,
    success: function(data) {
      $('#summary').html(data);
    }
  });
}

3. 목록 항목에 클릭 이벤트 추가:

  
View Text 1
  
View Text 2
  ...

4. 요청을 처리하는 PHP 스크립트:

PHP 스크립트에서 영화 ID($id)를 검색합니다. $_GET 배열을 선택하고 데이터베이스에서 요약을 가져옵니다. 그런 다음 문자열로 반환합니다.

$id = $_GET['id'];
$summary = getMovieSummary($id);
echo $summary;