我正在尝试使用服务器发送的事件从数据库中获取信息并在我的html页面上进行更新,立即输入新消息,这些是我的代码
function update()
{
if(typeof(EventSource) !="undefined")
{
var source=new EventSource("update.php");
source.onmessage=function(event)
{
$scope.my_messages=JSON.parse(event.data)
}
}
}
update();
<div ng-repeat="x in my_messages">
<div>{{x.sender_username}}</div>
<div>{{x.title}}</div>
<p>{{x.messages}}</p>
</div>
在update.php,我有这个
<?php
include 'first.php';
$newUser= new Participant();
$newUser->connect();
$newUser->call_new_message();
?>
一开始,我有这个
public function call_new_message()
{
$sender=$_SESSION['username'];
$receiver=$_SESSION['receiverUsername'];
$a = mysqli_query($this->con, "SELECT * from messages_tb WHERE sender_username= '$sender' and receiver_username='$receiver' ");
if ($a) {
$s=$a->fetch_all(MYSQLI_ASSOC);
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
echo"data:".json_encode($s)."\n\n";
flush();
// echo json_encode($s);
}
else{
echo "An error occurred";
}
}
工作正常,除了我希望它可以立即在html页面的divs中更新数据时,在messages_tb中出现新消息,但这种方式无法正常工作,我必须刷新页面才能获取新消息。 div。请帮忙。谢谢
答案 0 :(得分:0)
我想在scope()上添加$scope.$apply()
。消息处理程序应该对您有用。
source.onmessage=function(event)
{
$scope.my_messages=JSON.parse(event.data);
$scope.$apply();
}
原因是,angular可能不知道纯Java脚本会更新数据。如此有力地可以告诉angular更新范围。