操作方法
一、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>