ajax呼び出しが更新されない

Question

私はAjax呼び出しを行った。 私のサイトのデータが表示されますが、データベースを変更すると自動的に更新されません。

これは私のコードです：

$(document).ready(function(){ 
    getname(); 
}) 
function getname(){ 
     $.ajax({ 
      type: 'post', 
      url: '../php/clas/name.php', 
      data: 'type=getthename', 
      dataType: 'json', 
      success: function(responseOrderData){ 
       var showOrderData = ''; 
       var rows = 0; 
       $.each(responseOrderData, function(index){ 
        rows++; 
        showOrderData += '<tr>'; 
        showOrderData += '<td>'; 
        showOrderData += responseOrderData[index].name; 
        showOrderData += '</td>'; 
        showOrderData += '</tr>'; 
        console.log(responseOrderData); 
       }); 
       if(rows == 0){ 
        showOrderData += '<tr><td colspan="7"><center><i class="fa fa-refresh fa-spin"></i></center></td></tr>';  
       } 
       $('.orderData').html(showOrderData); 
      }, 
      timeout: 1000, 
      error: function(error){ 
       console.log(error); 
      } 
     }) 
    } 

Answer 1

あなたは、リアルタイムの更新を行うためにsocket.ioのように気にいらないと、サーバからクライアントにデータを送信する必要がありますが、あなたはせずにHTMLコンテンツをリフレッシュするためにはJavaScript setTimeoutかsetIntervalを使用してタスクを行うことができますページをリロードする

$(document).ready(function(){ 
    getname(); 
}) 
function getname(){ 
     $.ajax({ 
      type: 'post', 
      url: '../php/clas/name.php', 
      data: 'type=getthename', 
      dataType: 'json', 
      success: function(responseOrderData){ 
       var showOrderData = ''; 
       var rows = 0; 
        if(rows == 0){ 
        showOrderData += '<tr><td colspan="7"><center><i class="fa fa-refresh fa-spin"></i></center></td></tr>';  
       } 
       $.each(responseOrderData, function(index){ 
        rows++; 
        showOrderData += '<tr>'; 
        showOrderData += '<td>'; 
        showOrderData += responseOrderData[index].name; 
        showOrderData += '</td>'; 
        showOrderData += '</tr>'; 
        console.log(responseOrderData); 
       }); 

       $('.orderData').html(showOrderData); 
       //wait 10 seconds after ajax called successfully 
       setTimeout(getname,10000); 
      }, 
      timeout: 1000, 
      error: function(error){ 
       console.log(error); 
      } 
     }) 
    }