Php 自动更新html内容

Php 自动更新html内容,php,html,ajax,Php,Html,Ajax,我有一个temp.php文件,它以json格式提供输出: [{"Date":"2016-10-25 16:12:30","Temp":"1.00"},{"Date":"2016-10-25 16:24:05","Temp":"1.00"},{"Date":"2017-02-25 23:04:04","Temp":"1.00"},{"Date":"2017-02-25 23:05:34","Temp":"1.00"},{"Date":"2017-02-25 23:25:50","Temp":"0.

我有一个temp.php文件,它以json格式提供输出:

[{"Date":"2016-10-25 16:12:30","Temp":"1.00"},{"Date":"2016-10-25 16:24:05","Temp":"1.00"},{"Date":"2017-02-25 23:04:04","Temp":"1.00"},{"Date":"2017-02-25 23:05:34","Temp":"1.00"},{"Date":"2017-02-25 23:25:50","Temp":"0.00"}]
我想将所有日期和临时值加载到网页中。为此,我编写的代码是:

<div id ="output"> text replaced </div>
$.ajax({
url:'temp.php',
data : " ",
dataType:'json'
success:function(data)
 {
   var date = data[0];
   var tempval = data[1];
$('#output').html("<b> DATE:</b>"+date+"<b> TEMPER: </b>"+tempval)
 }
替换文本
$.ajax({
url:'temp.php',
数据:“,
数据类型:'json'
成功:功能(数据)
{
var日期=数据[0];
var tempval=数据[1];
$('#output').html(“日期:+DATE+”回火:+tempval)
}

但是我将输出作为对象,这是什么错误?

您必须按如下方式访问

data[0].Date   // 2016-10-25 16:12:30
data[0].Temp   // 1.0 

例如:

var数据=[{“日期”:“2016-10-25 16:12:30”,“临时”:“1.00”},{“日期”:“2016-10-25 16:24:05”,“临时”:“1.00”},{“日期”:“2017-02-25 23:04:04”,“临时”:“1.00”},{“日期”:“2017-02-25 23:05:34”,“临时”:“1.00”},{“日期”:“2017-02-25:25:50”,“临时”:“0.00”}]
console.log(数据[0]。日期);
console.log(数据[0].Temp);
log(数据[0]['Date']);

console.log(数据[0]['Temp'])
谢谢。但这只提供了第一行的数据。我需要所有日期和Temp值。需要做什么?谢谢。很抱歉回复延迟。您能告诉我如何只打印最新的条目吗?即Temp值为0的条目。00@sam:使用
data[data.length-1].Temp
data[0]['Date']   // 2016-10-25 16:12:30
data[0]['Temp']   // 1.0