Analisis sebab dan penyelesaian untuk JQuery EasyUI memuatkan URL twice_jquery

1. Kaedah tradisional

<span style="font-size:18px;">$(function () { 
var url = "../Source/Query/jhDataQry.ashx&#63;action=query"; 
$(dg).datagrid({ 
url: url, 
queryParams: { 
qsrq: qsrq, 
zzrq: zzrq 
} 
}); 
}) 

<table id="DataGrid" class="easyui-datagrid" fit="true" border="false" toolbar="#TBar" pagination="true" 
data-options="pageSize:20,pageList: [10, 20, 30, 40, 50,100,5000],idField:'chjid',sortName:'chjbh', queryParams: { 'action': 'query'}" 
rownumbers="true" singleSelect="true" url="../Source/JiChu/chjdoc.ashx"> 
<thead> 
<tr> 
</tr> 
</thead> 
</table></span>

2. Analisis sebab dan penyelesaian

Datagrid diisytiharkan menggunakan kelas dalam kod html Apabila easyUI menghuraikan kod kelas, ia terlebih dahulu menghuraikan datagrid dalam pengisytiharan kelas, supaya komponen meminta URL, kemudian ia memanggil kod permulaan js untuk meminta URL . Ini membawa kepada pemuatan berulang Penyelesaiannya adalah dengan menggunakan hanya satu kaedah permulaan untuk mengisytiharkan komponen easyUI untuk mengelakkan permintaan penyerahan berulang, iaitu, memadamkan pengisytiharan kelas (class="easyui-datagrid") dalam html seperti berikut:

<span style="font-size:18px;"><table id="DataGrid" fit="true" border="false" toolbar="#TBar" pagination="true" 
data-options="pageSize:20,pageList: [10, 20, 30, 40, 50,100,5000],idField:'chjid',sortName:'chjbh'" 
rownumbers="true" singleSelect="true" url="../Source/JiChu/chjdoc.ashx"> 
<thead> 
<tr> 
</tr> 
</thead> 
</table></span>