Question

我正在创建一个Javascript游戏，我正在尝试编写一些代码，以便在html网页上实时显示玩家的“黄金余额”。

Gold金额包含在我的SQL数据库中，所以我使用setInterval和一个包含AJAX调用的Javascript函数，该函数调用一个PHP脚本来抓取播放器的当前余额并将其发回作为“回应”。

我可以将此金额显示为Javascript警报，但我需要将响应显示为<div>内网页上的文字。

这是我目前的代码：

<script>
setInterval("checkGold()",5000); 

function checkGold()
{
        $.ajax({
     url: 'scripts/checkGold.php',
    data: "",
    dataType: 'json',
    success: function(response){
                        alert(response);       
    }});
};
</script>

我在我的html源代码中有这个，我想将该函数放在一个单独的文件中并从那里调用它，但是当我尝试这个时，我无法正确地将响应发送回html页面。

我想知道是否有人知道如何将此回复显示为<div> </div>内页面上的文字？

另外，我想知道这种方法是否会真正实时更新div（即，它是否会自动刷新网页的div部分，显示最新值（每5000毫秒）？

提前致谢！

Answer 1

这里有两个问题，所以我会尝试解决这两个问题

1）如何使用jQuery而不是警报附加到DOM：

在成功回调函数中，您只需调用
，而不是提醒响应
```
$('body').append("<div>"+response+"</div>")
```

2）“实时”黄金余额

你应该使用websockets。 Racthet是一个很好的websocket PHP库，可以帮助您解决这个问题：http://socketo.me/

使用AJAX + PHP响应更新具有实时数据库值的网页

1 个答案: