Ajax, PHP 및 jQuery를 사용하여 DIV 콘텐츠를 동적으로 업데이트하는 방법은 무엇입니까?

Ajax, PHP 및 jQuery를 활용하여 DIV 콘텐츠 동적으로 업데이트

이 가이드에서는 다음을 사용하여 DIV 요소의 콘텐츠를 동적으로 변경하는 프로세스를 살펴보겠습니다. Ajax, PHP 및 jQuery.

사용자가 링크를 클릭하면 스크립트는 링크의 URL을 PHP 파일에 대한 데이터 매개변수로 사용하여 Ajax 호출을 수행합니다. 그런 다음 PHP 파일은 데이터를 처리하고 이를 문자열로 반환합니다. 마지막으로 문자열은 대상 DIV의 콘텐츠를 바꾸는 데 사용됩니다.

이 기능을 구현하려면 다음 단계를 따르세요.

<script>
function getSummary(id) {
  $.ajax({
    type: "GET",
    url: 'Your URL',
    data: "id=" + id, // appears as $_GET['id'] on the server-side
    success: function(data) {
      // data is your summary
      $('#summary').html(data);
    }
  });
}
</script>

다음으로 목록 항목에 onclick 이벤트를 추가하세요.

<a onclick="getSummary('1')">View Text</a>
<div id="summary">This text will be replaced when the onclick event is triggered.</div>

이 단계를 따르면 Ajax 및 jQuery의 조작 기능을 사용하여 PHP 파일에서 검색된 데이터로 DIV의 내용을 동적으로 업데이트할 수 있습니다.

위 내용은 Ajax, PHP 및 jQuery를 사용하여 DIV 콘텐츠를 동적으로 업데이트하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!