如何使用ajax点击事件实现局部刷新

1、一、ajax点击事件局部刷新页面，不多说直接上代码。

2、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("失败，请稍后再试！");

      }

 });

 });

3、html代码：

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

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

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

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

5、<script>

$(function(){

 setInterval(aa,10);

 function aa(){

   $("#aa").append("fdsadfsa");

 }

})

</script>