首頁  >  文章  >  後端開發  >  如何使用 AJAX、PHP 和 jQuery 透過連結點擊動態更新 DIV 內容?

如何使用 AJAX、PHP 和 jQuery 透過連結點擊動態更新 DIV 內容?

Susan Sarandon
Susan Sarandon原創
2024-10-21 17:38:02470瀏覽

How to Dynamically Update DIV Content Using AJAX, PHP, and jQuery via Link Clicks?

透過AJAX、PHP 與jQuery 動態更新DIV 內容

問題:如何動態更新內容使用AJAX、PHP和jQuery 的DIV 元素,其中每個連結點擊都會從資料庫檢索資料並用獲取的摘要替換DIV?

答案:

第1 步:建立HTML 結構

  • 包含將顯示摘要的DIV 元素:
  • 加入清單觸發摘要檢索過程的連結的數量:

第2 步:實現jQuery 腳本

    建立一個jQuery 函數來處理AJAX請求並更新DIV:

第3步:為連結新增事件

第3步:為連結新增事件
  • 第3步:為連結新增事件

為每個鏈接添加onclick事件,傳遞相應的ID:

  • 第4 步:服務器端PHP
    在$ 中指定的URL 處的PHP 腳本中。 ajax(),根據收到的ID 檢索摘要:

以字串形式傳回取得的摘要:

透過單擊出連結後,jQuery 函數將觸發AJAX 請求,從PHP 腳本中取得摘要,並使用檢索到的內容更新DIV。

以上是如何使用 AJAX、PHP 和 jQuery 透過連結點擊動態更新 DIV 內容?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn