My page source code
<% @ page language="Java" contentType="text/HTML. Charset=utf-8 "pageEncoding=" utf-8 "% & gt;
<meta charset="utf-8" & gt;The test list & lt;/title> <br/><link rel="stylesheet" type="text/CSS" href="https://bbs.csdn.net/topics/easyui/themes/default/easyui.css" & gt; <br/><link rel="stylesheet" type="text/CSS" href="https://bbs.csdn.net/topics/easyui/themes/icon.css" & gt; <br/><link rel="stylesheet" type="text/CSS" href="https://bbs.csdn.net/topics/easyui/css/demo.css" & gt; <br/><The script type="text/javascript" SRC="https://bbs.csdn.net/topics/easyui/jquery.min.js" & gt; </script> <br/><The script type="text/javascript" SRC="https://bbs.csdn.net/topics/easyui/jquery.easyui.min.js" & gt; </script> <br/><The script type="text/javascript" SRC="https://bbs.csdn.net/topics/easyui/themes/locale/easyui-lang-zh_CN.js" & gt; </script> <br/></head> <br/><body &western nl &western AD="setLabel ()" & gt; <br/><The label id="content" & gt; </label> <br/><br/><Input type="hidden" id="examids value=" https://bbs.csdn.net/topics/"<%=request. The getParameter (" examids") % & gt;"/& gt; <br/><Input type="hidden" id="examanalyids value=" https://bbs.csdn.net/topics/"<%=request. The getParameter (" examanalyids") % & gt;"/& gt; <br/><Input type="hidden" id="gradeid" value="https://bbs.csdn.net/topics/<%=request. The getParameter (" gradeid") % & gt;"/& gt; <br/><The script type="text/javascript" & gt; <br/>$(function () {<br/>Var examids=document. GetElementById (" examids "). The value; <br/>Var examanalyids=document. GetElementById (" examanalyids "). The value; <br/>Var gradeid=document. GetElementById (" gradeid "). The value; <br/>The console. The log (" to obtain the values of the parameters "+ examids); <br/>Ids={" examids [] ": examids, examanalyids" [] ": examanalyids," gradeid ", gradeid}; <br/>$. Ajax ({<br/>Type: "post", <br/>Url: "ExamanalyServlet? Method=ColumnList ", <br/>Data: ids, <br/>DataType: "json", <br/>Async: false, <br/>Success: the function (result) {<br/>The console. The log (" result1: "+ result); <br/>Var columnsAvg=[]; <br/>$. Each (result, function (I, course) {<br/>Var column={}; <br/>The column (" field ")="is actually" + course. Id. <br/>The column (" title ")=course. Name; <br/>The column (" width ")=70; <br/>The column [" the resizable "]=false; <br/>The column [" sortable "]=true; <br/>ColumnsAvg. Push (column); <br/>}); <br/>The console. The log (columnsAvg); <br/>$(" # analysisResultAvg "). The datagrid ({<br/>The columns: [<br/>ColumnsAvg <br/>] <br/>}); <br/>} <br/>}); <br/>$. Ajax ({<br/>Type: "post", <br/>Url: "ClazzServlet? Method=ClazzList& T="+ new Date (). GetTime (), <br/>Data: {" gradeid ", gradeid}, <br/>DataType: "json", <br/>Async: false, <br/>Success: the function (result) {<br/>The console. The log (" result2: "+ result); <br/>Var columnsRank=[]; <br/>$. Each (result, function (I, clazz) {<br/>Var column={}; <br/>The column (" field ")="clazz" + clazz. Id. <br/>The column (" title ")=clazz. Name; <br/>The column (" width ")=70; <br/>The column [" the resizable "]=false; <br/>The column [" sortable "]=true; <br/>ColumnsRank. Push (column); <br/>}); <br/>The console. The log (columnsRank); <br/>$(" # analysisResultRank "). The datagrid ({<br/>The columns: [<br/>ColumnsRank <br/>] <br/>}); <br/><br/>} <br/>}); <br/>SetTimeout (function () {<br/>$(" # analysisResultAvg "). The datagrid (" options "). The url="ExamanalyServlet? Method=CheckAnaly& T="+ new Date (). GetTime (); <br/>$(" # analysisResultAvg "). The datagrid (" options "). The queryParams=ids; <br/>$(" # analysisResultRank "). The datagrid (" options "). The url="ExamanalyServlet? Method=RankAnaly& T="+ new Date (). GetTime (); <br/>$(" # analysisResultRank "). The datagrid (" options "). The queryParams=ids; <br/>$(" # analysisResultAvg "). The datagrid (" reload "); <br/>$(" # analysisResultRank "). The datagrid (" reload "); <br/>}, 100); <br/><br/>//performance analysis result list <br/>$(" # analysisResultAvg "). The datagrid ({<br/>Border: true, <br/>Collapsible: false,//if the folding <br/>//fit: true,//automatic size has this property, the second form is showed not to come out <br/>Method: "post", <br/>Noheader: true, <br/>SingleSelect: true,//radio <br/>SortOrder: 'DESC', <br/>RemoteSort: false, <br/>FrozenColumns: [[<br/>{field: 'clazzid', the title: '10 each shift, width: 120, the resizable: false, sortable: false}, <br/>]], <br/>}); <br/><br/>$(" # analysisResultRank "). The datagrid ({<br/>Border: true, <br/>Collapsible: false,//if the folding <br/>Fit: true,//automatic size <br/>Method: "post", <br/>Noheader: true, <br/>SingleSelect: true,//radio <br/>SortOrder: 'DESC', <br/>RemoteSort: false, <br/>FrozenColumns: [[<br/>{field: 'rankNo', the title: 'ranking section, width: 120, the resizable: false, sortable: false}, <br/>]], <br/>}); <br/><br/>}); <br/></script> <br/><style> <br/>. Panelcontent {padding: 10 px 5 px 15 px 20 px; } <br/></style> <br/><The table id="analysisResultAvg" cellspacing="0 cellpadding=" 0 "" style=" width: 60%; Margin: auto "& gt; </table> <br/><Table id="analysisResultRank" cellspacing="0 cellpadding=" 0 "& gt; <nullnullnullnullnull </div> <div class="th_page th_page_color"></div> <div class="umCopyright"> <p>Page link：<a href="/frontend/73212.html" target="_blank" style="color:#999">https//www.codepudding.com/frontend/73212.html</a></p> </div> <div class="detail-arr"> <div class="detail-arr-left">Prev:<a href='/frontend/73211.html'>How to remove nuxt. Windows under the framework of js. __NUXT__</a></div> <div class="detail-arr-right">Next:<a href='/frontend/73213.html'>The first blog</a></div> </div> </div> </div> </div> </div> <div class="container th_top"> <div class="row"> <div class="col-md-12"> <div class="hot-tags neitags"> <ul> <li><i class="iconfont icon-x-tags"></i> Tags： </li> <a href='/e/tags/?tagname=JavaScript' target='_blank'>JavaScript</a> </ul> </div> </div> </div> </div> <div class="container th_top"> <div class="row"> <div class="col-md-12"> <div class="xiangguan"> <ul class="msg msghead"> <li class="tbname">Related</li> </ul> <ul> </ul> </div> </div> </div> </div> <div class="container th_top"> <div class="row"> <div class="col-md-12"> <div class="flinks"> <ul> <li><i class="iconfont icon-x-tags"></i> Links： </li> <li class="liflinks"><a target="_blank" href="/" title="CodePudding">CodePudding</a></li> </ul> </div> </div> </div> </div> <div class="footer"> <p><span style="font-size:16px;color:#666;font-weight: bold">About Us:</span> <a href="https://www.codepudding.com/contact.html">Contact Us</a> <a href="https://www.codepudding.com/service.html">Terms of Service</a> <a href="https://www.codepudding.com/privacy.html"> Privacy Policy</a></p> <p class="foot_info">Copyright © 2010-2023，Powered By <a href="/" target="_blank">CodePudding</a> </p> </div> <script type="text/javascript" src="/skin/code/tianhu.js"></script> </body></html>