在使用 Dreamweaver CS6 開發動態網頁時,常見的需求是點擊連結後,在框架或指定區塊中顯示資料庫中的某一筆特定記錄,並搭配隨機推薦其他條目。要實現此功能,關鍵在於採用伺服器端腳本(如 PHP、ASP.NET 或 JSP)搭配 AJAX 技術,而非單純依賴 JavaScript 直接存取資料庫。
1. 後端 API 設計:建立一個接收記錄 ID 參數的伺服器端端點,查詢資料庫取得該筆記錄詳細資料,並以 JSON 格式回傳。
2. 前端 AJAX 呼叫:在連結點擊事件中攔截預設行為,發送非同步請求至後端 API,獲取資料後動態更新框架或容器的 HTML 內容。
3. 隨機推薦邏輯:後端在查詢主記錄時,可額外執行 ORDER BY RAND() LIMIT n(MySQL)或對應語法,取得隨機推薦資料一併回傳。
參考資源:相關技術文章