Javascript 如何仅在单击选项卡时加载数据-我想在单击“批准”选项卡时加载数据

单击下面的“我的批准”选项卡时，我必须加载此文件。 问题是，当我加载页面时，所有数据都会使页面变慢。 所以我只想限制一个选项卡，然后在单击选项卡时加载数据

 <ul class="nav nav-tabs" role="tablist">
            <li class="active"><div id="tickets"><a href="#"  role="tab"  data-toggle="tab">My Tickets</a></div></li>
            <li class="active"><div id="approvals"><a href="#" role="tab" data-toggle="tab">My Approvals</a></div></li>
            <li class="active"><div id="watchlist"><a href="#" role="tab" data-toggle="tab">My Watchlist</a></div></li>
        </ul>

var u=gs.getUserID（）；
var gr=新记录（“系统批准\批准人”）；
gr.addQuery（“批准人”，u）；
gr.query（）；
gr；

尝试此链接

                   <g:evaluate var="jvar_approvals" object="true">
                        var u = gs.getUserID();
                        var gr = new GlideRecord("sysapproval_approver");
                        gr.addQuery('approver',u);
                        gr.query();
                        gr;
                    </g:evaluate>