如何显示 ajax 的函数结果无限循环？

Question

这是我第一次使用Ajax，我使用无限循环ajax的请求从python函数中获取数据。 我想在 html 表中显示数据，但是当 ajax 循环时，屏幕正在加载并且不显示任何内容。 这是我的 ajax 代码。

<td height="50%"style="border-width:5px; border-color:black; border-style: solid">
<p id = "demo">hihi</p>
<script>
while(True){
$(document).ready(function calllog(){
$.ajax({
type : 'GET',
url : '/for_log',
dataType : 'text',
error : function(){
alert("failed");
},
success : function(data){
document.getElementById("demo").append(data);
}
}
});
}
});

如何在接收和写入数据的同时打印屏幕而不继续加载屏幕？

Answer 1

你应该避免while(true)。 最好使用setInterval

setInterval(()=>{
$(document).ready(function calllog(){
$.ajax({
type : 'GET',
url : '/for_log',
dataType : 'text',
error : function(){
alert("failed");
},
success : function(data){
document.getElementById("demo").append(data);
}
}
});
}
} , 1000); // every second

这是解决此问题的另一种方法 递归 ajax