我正在尝试从php backend.Json数据的第一个属性获取JSON数据到我的角度前端
“stock_price
”随机更改,但JSON数据的time属性应以秒为单位递增。
这意味着,
{
stock_price: 19,
time: 1
}
接下来应该是
{
stock_price: 26,
time: 2
}
像那样。
当我使用浏览器/邮递员尝试这个确切的PHP脚本时,它会在每个页面刷新/发布请求中更新为 我期待。
但是当我在Angular应用程序中控制它时,time
属性不会改变。 time
坚持1.
我该怎么做才能获得更新json回复。
php文件
<?php
header('Content-Type: application/json');
session_start();
$time = isset($_SESSION['time']) ? $_SESSION['time'] : 0;
$stock_price = rand(10,100);
$arr['stock_price'] = $stock_price;
$arr['time'] = ++$time;
echo json_encode($arr);
$_SESSION['time'] = $time;
?>
Angular app组件文件
export class AppComponent {
ngOnInit(){
this._helper.helperHelp()
.subscribe(res => {
console.log(res);
})
}
constructor(private _helper:HelperService){
setInterval(()=>{
this.ngOnInit(); },4000);
}
}
服务类
export class HelperService {
constructor(private _http:HttpClient) { }
helperHelp(){
return this._http.get("http://localhost/restPHP/restphp.php")
.map(result =>result);
}
}
答案 0 :(得分:1)
您必须从Angular传递time
。如果您在网址中使用body
,则可以POST
发送GET
<强> PHP 强>
$time = isset($_GET['time']) ? $_GET['time'] : 0; // change to $_POST in case of POST
角度组件
export class AppComponent {
stockData;
constructor(private _helper:HelperService){
}
ngOnInit(){
this.getDataFromServer();
this.scheduleInterval();
}
scheduleInterval() {
setInterval(this.getDataFromServer, 4000);
}
getDataFromServer() {
let time = this.stockData ? this.stockData.time : 0;
this._helper.helperHelp(time).subscribe(res => { //use time in your service
this.stockData = res;
console.log(this.stockData);
});
}
}
<强>服务强>
helperHelp(time) {
return this._http.get(`http://localhost/restPHP/restphp.php?time=${time}`).map(result =>result);
}
答案 1 :(得分:0)
在会话中添加新值。目前,您每次都要添加0
。
在任何PHP文件中添加以下代码,并尝试每次重新加载。
session_start();
$time = isset($_SESSION['time']) ? $_SESSION['time'] : 0;
$arr['time'] = ++$time;
$_SESSION["time"] = $time;
echo json_encode($arr);