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

作者:神奇的周 | 创建时间: 2023-05-22
本篇文章通过实例讲解ajax点击事件局部刷新页面,当然方法有很多种,也可以不使用ajax来刷新页面,可以使用jquery中的append来给指定内容加东西,但是都不太实用,最实用的方法还是ajax加载数据了。另外通过实例讲解ajax定时刷新...
如何使用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>

点击展开全文

更多推荐