Ajax异步搜索内容,并显示

使用ajax异步搜索内容,如果符合内容,则一行行的显示,每次查询时清空上次的记录

<tbody class="search_list">
</tbody>  
  
<script type="text/javascript">
  $("#search").on("click",function(){
    var key = $("#keywords").val();
  //异步获取信息
    var url = '__URL__/search';
    var data = {key:key};
    $(".search_list").html("");
    var a=0;
    $.ajax({
      url:url,
      data:data,
      dataType:'json',
      type:"POST",
      success:function(data){
      //未发现符合的内容
       if(data.code==0){
          alert(data.msg);
           return false;
        }
        //请输入搜索内容
        if(data.code==-1){
          alert(data.msg);
           return false;
        }
        else{
          if(a<1){
            $(".search_list").append("<tr class='tr-1'><td class='tablerow1' width='10%'>图片名</td><td class='tablerow1' width='10%'>图片</td><td class='tablerow1' width='10%'>作者</td></tr>");
            a++;
          }
          // alert(22);          
          for(var i=0;i<data.length;i++){
            $(".search_list").append("<tr class='tr-1'><td class='tablerow1' width='10%'>"+data[i]['title']+"</td><td class='tablerow1' width='10%'><img src='"+data[i]['pic']+"' /></td><td class='tablerow1' width='10%'>"+data[i]['author']+"</td></tr>");
           }
        }
      }
    })
  })
</script>