查询按钮调用后台数据，怎么先显示‘正在查询中.’然后才在页面上显示数据，如图片

查询按钮调用后台数据，如何先显示‘正在查询中.....’然后才在页面上显示数据，如图片
查询调用后台数据，如何先显示‘正在查询中.....’然后才在页面上显示数据，如图片,能解决再加100分
------解决思路----------------------
<div id="resultsShow" class="analyseTb">
<table>
<tbody>
    <@s.iterator value="tendencyChartList" var="charList">
          <tr>
              <td align = "center" style="width:20%;">${(statisticsType)!}</td>
              <td style="width:20%;">${(thisMonthCount)!}</td>
              <td style="width:30%;">${(thisQuarterCount)!}</td>
              <td style="width:30%;">${(thisYearCount)!}</td>
          </tr>
    </@s.iterator>
</tbody>
</table>
</div>
<div id="inSearching" class="analyseTb" style="display: none;">正在查询中，请稍候...</div>

$("#search").click(function(){
   $("#resultsShow").css("display","none");
   $("#inSearching").css("display","block");
   var url = "your request url";
   $.ajax(
   url:url,
   type:"post",
   data:"your datas",
   success:function(){
   $("#resultsShow").css("display","block");
   };
   );
   });
2楼的beforeSend不知道可不可以，如果可以更简单，我的不太简洁
------解决思路----------------------
$("#search").ajaxStart(function(){
  $("#inSearching").css("display","block");
});
$("#search").ajaxComplete(function(){
  $("#inSearching").css("display","none");
});

改成这样试试