ajax点击事件实现局部刷新

一、ajax点击事件局部刷新页面

• js代码：

  $("#waitWork").click(function(){
  
   var url = "请求地址";
   var data = {type:1};
  
   $.ajax({
    type : "get",
    async : false, //同步请求
    url : url,
    data : data,
    timeout:1000,
    success:function(dates){
    //alert(dates);
    $("#mainContent").html(dates);//要刷新的div
    },
  
    error: function() {
          // alert("失败，请稍后再试！");
        }
   });
  
   });

•  html代码：

  <div id="mainContent"></div>

  注意：后台需要针对div里的信息单独用一个页面，不然就需要自己封装好需要的页面信息返回

• 二、ajax定时刷新局部页面

• 定时局部刷新用到jQuery里面的setInterval方法，setInterval方法两个参数，第一个是设置定时执行的函数名，第二个是时间，如下代码所示，设置每隔10微秒定时执行一次aa方法。

• <script>
  $(function(){
   setInterval(aa,10);
   function aa(){
     $("#aa").append("fdsadfsa");
   }
  })
  </script>