javascript - 页面加载时如何触发javascript事件

问题描述

以下代码在单击按钮时将 JSON 数据加载到 Tabulator 中。如何摆脱按钮逻辑并在页面加载时触发 setData 函数？


<!DOCTYPE html>
<html lang="en">
    <head>
        <link href="https://unpkg.com/tabulator-tables/dist/css/tabulator.min.css" rel="stylesheet">
        <script type="text/javascript" src="https://unpkg.com/tabulator-tables/dist/js/tabulator.min.js"></script>
    </head>
    <body>
        <div>
            <button id="ajax-trigger">Load Data via AJAX</button>
        </div>
        <div id="example-table"></div>
        <script type="text/javascript">
            var table = new Tabulator("#example-table", {
                    columns:[
                        {title:"playerName", field:"playerName"},
                        {title:"siVenue", field:"siVenue"},
                        {title:"hrValue", field:"hrValue"},
                        {title:"xbhValue", field:"xbhValue"},
                        {title:"baseValue", field:"baseValue"},
                    ],
            });
            
            document.getElementById("ajax-trigger").addEventListener("click", function(){
                table.setData("https://example.com/getData.php");
            });
            
        </script>
    </body>
</html>

标签： javascripthtmljqueryajax

javascript - 页面加载时如何触发javascript事件

问题描述

解决方案

推荐阅读