[JQUERY] HTML - 변경 \ 업데이트 페이지 내용을 새로 고침하지 않고 페이지 다시로드하지 않고

HTML - 변경 \ 업데이트 페이지 내용을 새로 고침하지 않고 페이지 다시로드하지 않고

해결법

1. ---

   1.당신은 올바른 생각을 가지고 있으므로 다음과 같이가는 방법은 다음과 같습니다. onclick 핸들러가 브라우저에서 클라이언트 측에서 실행되므로 PHP 기능을 직접 호출 할 수 없습니다. 대신, (언급했듯이) AJAX를 사용하여 PHP 스크립트를 호출하고 데이터를 검색하는 JavaScript 함수를 추가해야합니다. jQuery를 사용하면 다음과 같이 할 수 있습니다.

   당신은 올바른 생각을 가지고 있으므로 다음과 같이가는 방법은 다음과 같습니다. onclick 핸들러가 브라우저에서 클라이언트 측에서 실행되므로 PHP 기능을 직접 호출 할 수 없습니다. 대신, (언급했듯이) AJAX를 사용하여 PHP 스크립트를 호출하고 데이터를 검색하는 JavaScript 함수를 추가해야합니다. jQuery를 사용하면 다음과 같이 할 수 있습니다.

   <script type="text/javascript">
   function recp(id) {
     $('#myStyle').load('data.php?id=' + id);
   }
   </script>
   
   <a href="#" onClick="recp('1')" > One   </a>
   <a href="#" onClick="recp('2')" > Two   </a>
   <a href="#" onClick="recp('3')" > Three </a>
   
   <div id='myStyle'>
   </div>
   

   그런 다음 PHP 코드를 별도의 파일에 넣습니다. (위의 예에서 IT DATA.PHP를 호출했습니다)

   <?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'];
     }
   ?>
   

2. ---

   2.jQuery가 일을 할 것입니다. jquery.ajax 함수는 Ajax 호출을 수행하는 것입니다. 또는 해당 랩퍼 : jquery.get, 데이터 가져 오기 / 게시를위한 jquery.post. 예를 들어 사용하기 쉽고 PHP로 jQuery를 사용하는 방법을 보여주는이 자습서를 확인하십시오.

   jQuery가 일을 할 것입니다. jquery.ajax 함수는 Ajax 호출을 수행하는 것입니다. 또는 해당 랩퍼 : jquery.get, 데이터 가져 오기 / 게시를위한 jquery.post. 예를 들어 사용하기 쉽고 PHP로 jQuery를 사용하는 방법을 보여주는이 자습서를 확인하십시오.

from https://stackoverflow.com/questions/3644585/html-change-update-page-contents-without-refreshing-reloading-the-page by cc-by-sa and MIT license