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

 时间:2024-10-14 14:04:41

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设置停靠打开的窗口
  • 热门搜索
    推广普通话手抄报资料 汉字的来历手抄报 传统文化手抄报模板 初中小组手抄报 小学生感恩节手抄报 遵纪守法手抄报图片 读书手抄报图片大全 诚信手抄报版面设计图 教师节英语手抄报内容 手抄报主题