我想創建一個使用jquery在頁面加載時填充表格的html頁面。我有獲取數據的函數,但是目前用於測試,我只是將它附加到一個按鈕上,點擊該按鈕以使表出現。如何在頁面加載時運行jquery函數?
如何獲取jquery函數在頁面加載時運行?如果它不是很明顯,那麼當談到Jquery時,我是一個完整的初學者,所以這可能是非常明顯的,但我一直試圖谷歌它,我找不到解決方案。
我想創建一個使用jquery在頁面加載時填充表格的html頁面。我有獲取數據的函數,但是目前用於測試,我只是將它附加到一個按鈕上,點擊該按鈕以使表出現。如何在頁面加載時運行jquery函數?
如何獲取jquery函數在頁面加載時運行?如果它不是很明顯,那麼當談到Jquery時,我是一個完整的初學者,所以這可能是非常明顯的,但我一直試圖谷歌它,我找不到解決方案。
這應該做的伎倆
jQuery(document).ready(myFunction);
function myFunction(){
// logic goes here
}
您正在尋找這樣的事情。你可以在普通的JS中做到這一點。
document.addEventListener('DOMContentLoaded', function() {
console.log('document loaded');
});
但請注意,這並不包括你從其他依賴文件加載,如js和png等。他們異步加載。這只是封你爲DOM內容加載
jQuery(document).ready(function(){
//some logic
newFunc();
//logic
});
function newFunc(){
//logic
}
但是你可以在任何地方寫代碼裏面<script>
標籤,它會包括jQuery
文件後,直接執行。但是,這可能不如上述那樣有效,因爲那時可能會或可能不會創建。所以,最好按照上面的方法......因爲它只會在加載頁面和創建DOM時執行。
[This Post](https://www.sitepoint.com/community/t/how-to-properly-populate-html-table-with-jquery-ajax-using-json-formatted-data/202187)可能有幫助。 – 31piy
'$(document).on('ready',function(){//在這裏加載數據代碼})' – Jhecht
謝謝,我一直在看的例子把代碼放在一個函數中,然後調用它。我推測這真的很簡單。 – annedroiid