使用AJAX刷新局部页面

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

方法一

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编程，感兴趣的同学可以关注一下。