使用來自MYSQL數據庫的數據每5秒更改div的高度

我正在開發一個頁面，需要從我的數據庫中反覆獲取更新的數據。出於測試目的，我只有一個固定高度的div。我可以使用.load（）方法更新div中的文本，但是，我需要將div的高度調整爲從我的數據庫返回的數據的值。使用來自MYSQL數據庫的數據每5秒更改div的高度

我提前感謝您的幫助！

<body> 
<div id="status" >This is a TEST</div> 

<script type="text/javascript"src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"> 
</script> 
<script type="text/javascript"> 
var auto_refresh = setInterval(
function() 
{ 
$('#status').load('check_status.php').fadeIn("slow"); 
}, 5000); // refresh every 5000 milliseconds 
</script> 
</body>

來源

2016-06-13 user1895722

'ch eck_status.php'返回？ – Rayon

我正在用所需的高度以像素更新數據庫。 check_status.php將最近的更新返回給表。它將始終是諸如「123px」，「235px」，67px「等的數據。根據對數據庫的最新更新，div的高度需要更高或更低。 – user1895722

如果你想使你的DIV #status適合其內容

- >添加在CSS：

#status{ 
    display:block; 
    overflow:auto; 
    height:auto; 
}

如果您關注的設置高度成正比的內容，你可以這樣做：

function calculateHeight(dataSize){ 
    //i.e (0.7%) 
    return dataSize*0.07; 

}; 
$.get('check_status.php',function(data){ 
    let element=$('#status'); 
    element.css('height',calculateHeight(data.length)+'px'); 
    element.fadeIn('slow'); 
});

來源

2016-06-13 03:15:23

使用來自MYSQL數據庫的數據每5秒更改div的高度

回答

相關問題