如何使用 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中文網其他相關文章！