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

 时间:2026-02-15 08:17:45

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>

  • IPV6技术解决方案
  • 如何配置Java环境变量
  • VSCode怎么设置在自动运行期间自动打开peek视图
  • 设置Eclipse中的tab键为4个空格
  • Navicat for mysql设置停靠打开的窗口
  • 热门搜索
    云南河口旅游攻略 重庆市旅游网 邵武旅游景点大全 长泰旅游景点 旅游 新闻 旅游政策法规 蒙山旅游区 昌平旅游景点 五一山东旅游景点 燕子沟旅游