AJAX를 사용하여 다시 로드하지 않고 HTML 페이지 콘텐츠 변경

링크가 있을 때 페이지를 새로 고치지 않고 DIV 요소의 콘텐츠를 업데이트하려고 합니다. 클릭했습니다. PHP와 AJAX를 사용하여 이를 달성하는 방법은 다음과 같습니다.

PHP 구성:

• PHP 스크립트(예: data.php)를 생성하여 데이터베이스를 생성하고 매개변수 ID를 기반으로 데이터를 검색합니다.

HTML 마크업:

• 식별자가 있는 DIV 요소를 생성합니다(예: myStyle). .
• ID를 인수로 사용하여 JavaScript 함수를 호출하는 onClick 핸들러가 있는 링크를 추가합니다.

jQuery를 사용하는 JavaScript:

• jQuery 라이브러리를 포함합니다.
• AJAX를 사용하여 data.php의 데이터를 myStyle DIV로 로드하는 recp 함수를 정의합니다.

예제 코드:

HTML:

One
Two
Three

PHP:

 0 )
  {
   $row = mysql_fetch_array( $results );
   echo $row['para'];
  }
?>

이 솔루션을 구현한 후 링크를 ​​클릭하면 페이지를 다시 로드하지 않고도 myStyle DIV의 콘텐츠가 업데이트됩니다.