专注Java教育14年 全国咨询/投诉热线:400-8080-105
动力节点LOGO图
始于2009,口口相传的Java黄埔军校
首页 hot资讯 使用AJAX刷新局部页面

使用AJAX刷新局部页面

更新时间:2021-08-31 09:18:14 来源:动力节点 浏览1350次

局部刷新页面也就是定时性获取数据库信息,此方法也适用于刷新表格,不过表格刷新时会进行闪烁,根据自己代码决定是否使用此方式刷新表格数据。

方法一

setInterval(function () {
    refresh()
},10000)
    function refresh(){
            $.ajax({
                type: "get",
                cache: false, //不允许有缓存
                url: " ",  //url路径
                data: {
                    page: 1,
                    limit: 300,
                    Role: null
                },
                success: function success(data) {
                    var name = data.name;
                    $("#name").text(name);   //此处不能使用append,会将数据循环的添加
                },
                error: function error() {
                    alert("請求失敗");
                }
            });
    }

方法二

$(document).ready(function(e){
     setTimeout('refresh()',0);
 });
 /*局部自动刷新页面数据*/
 function refresh(){
     $.ajax({
         type: "get",
         cache: false, //不允许有缓存
         url: "  ",   //url路径
         success: function success(data) {
 		     var name = data.name;
             $("#name").text(name);   //此处不能使用append,会将数据循环的添加	            },
         error: function error() {
             alert("請求失敗");
         }
     });
     setTimeout('refresh()',500);
 }

以上就是动力节点小编介绍的"使用AJAX刷新局部页面",希望对大家有帮助,想了解更多可查看AJAX教程。动力节点在线学习教程,针对没有任何Java基础的读者学习,让你从入门到精通,主要介绍了一些Java基础的核心知识,让同学们更好更方便的学习和了解Java编程,感兴趣的同学可以关注一下。

提交申请后,顾问老师会电话与您沟通安排学习

免费课程推荐 >>
技术文档推荐 >>