jQuery 是一款強大的 JavaScript 庫,提供了對 HTML 文檔的簡化操作,并且在現代 Web 開發中被廣泛使用。
對于 Web 應用程序而言,數據是非常重要的,而 jQuery 可以幫助我們在前端中遍歷數據庫中的數據。
$(document).ready(function(){ // 發送 AJAX 請求來獲取數據庫中的數據 $.ajax({ url: "api/get_data.php", // 指向獲取數據的 API dataType: "json", // 數據類型為 JSON success: function(data){ // 遍歷數據 $.each(data, function(index, item){ // 在頁面上顯示每一項數據 $("ul").append("<li>" + item.name + "</li>"); }); } }); });
在上述代碼中,我們使用了 jQuery 的 $.ajax() 方法來發送 AJAX 請求,獲取數據庫中的數據。其中包含了以下幾個參數:
- url:指向獲取數據的 API,該 API 應該返回給定數據類型的 JSON 數據。
- dataType:指定了從 API 返回的數據類型為 JSON。
- success:指定了成功獲取數據后的回調函數,其中包含了返回的 JSON 數據。
在回調函數中,我們使用了 $.each() 方法來遍歷數據,并將其添加到頁面上。
通過這種方式,我們可以在前端中非常方便地遍歷數據庫中的數據。