使用AJAX局部刷新页面

使用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);
  
   }