easy ui form combined with ajax parameters

<cui:form id="eventStatics" name="eventStatics" >
<table id="event" >
<tr>
<td style="width: 100px;padding-top: 10px;" align="right">
<label>告警类型：</label>
</td>
<td>
<cui:combobox id="eventType" name="type" width="160" emptyText="全部" method="get" url="${ctx}/tbalarm!querySafeAlarmType.json"></cui:combobox>
</td>
<td style="width: 100px;padding-top: 10px;" align="right">
<label>告警状态：</label>
</td>
<td>
<cui:combobox id="eventStatus"name="eventStatus" width="160" emptyText="全部" method="get" url="${ctx}/statics!querySafeAlarmStatus.json"></cui:combobox>
</td>
<td style="vertical-align: middle;padding-left: 30px;"  rowspan="2">
<cui:button id="eventSearchBtn" label="统 计" onClick="eventStatics" ></cui:button>
<cui:button id="eventResetBtn" label="重 置" onClick="reset" ></cui:button>
</td>
</tr>
<tr>
<td style="width: 100px;padding-top: 10px;" align="right">
<label>时  间：</label>
</td>
<td >
<cui:datepicker id="eventStartDate" name="eventStartDate" dateFormat="yyyy-MM-dd" showOn="button" width="160"/>
</td>
<td style="width: 100px;padding-top: 10px;" align="center">
<label>至：</label>
</td>
<td>
<cui:datepicker id="eventEndDate" name="eventEndDate" dateFormat="yyyy-MM-dd" showOn="button" width="160"/>
</td>
</tr>
</table>
</cui :form>



//The data parameter submitted in the ajax part is also equivalent to the form parameter submission, and the action and model of the day after tomorrow can still receive it


. //The longest processing time Top10--event work order
    function eventTypeStatics(eventBeginDate, eventEndDate, eventType,eventStatus){
    require(['echarts','echarts/chart/bar'],type);  
var typeChart;
var re;
        function type(ec) {
        typeChart = ec.init(document.getElementById('eventArea') );
       
typeChart.showLoading({
    text : 'trying to load data...',
    textStyle : {
        fontSize : 20
    },
    effect : 'ring'
});

var sourceData = new Array();
var countData = new Array();
$.ajax({
url:'${ctx}/statics!queryNetAlarmTopStatics.json',
type:'POST',
data:{'beginTime':eventBeginDate,'endTime':eventEndDate,'typeMessage':eventType,'toolMessage':eventStatus},
async:false,
success:function(result){ 
   re = result.data;
for(var i =0 ;i<re.length;i++){
var datas = re[i];
sourceData = datas.sourceData;
var counts = datas.countData;
for(var j =0;j<sourceData.length;j++){
countData.push({'value':counts[j],'name':sourceData[j]});
}
}
}
});
}