jquery ajax请求隐藏div？而且工作不正常

Question

在我的项目中jquery ajax请求在第一次完美运行，之后在第二次请求它不工作并且还隐藏相应的div 我已经尝试过异步，缓存，但它仍无法正常工作..

 <script language="javascript">

   function changeval(context) {
     $.ajax({
     type:'GET',
     cache: false,
     async: false,
     url:context+'/getOldItems',
     success:function(data) { 
              $( "#main-wrapper-2" ).html( data );

     },
        error: function(xmlHttpRequest, textStatus, errorThrown) {
                    alert("error" + errorThrown);
                }
   });
}


  </script>

首次ajax请求成功加载后

第二次请求失败，同时隐藏了div

Answer 1

ajax请求的结果完全取代了＃main-wrapper-2的内容，这就是第一个请求正常工作的原因。如果第二个请求的结果为空，则会导致＃main-wrapper-2被清空。

尝试替换

$( "#main-wrapper-2" ).html( data );

与

$( "#main-wrapper-2" ).append( data );