2011-04-13 48 views
3

我试图提取数据不间断的刷新一些消息从源JSON数组未定义

data.php

​​

live.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head profile="http://gmpg.org/xfn/11"> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Live</title> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 
<script type="text/javascript"> 
function restults(data) { 
    $(data).each(function() { 
     $("#envivo").append("<li>Titulo: " + data.titulo + " Link: " + data.link + " Fuente: " + data.fuente + "</li>"); 
    }); 
} 
$(document).ready(function(){ 
    var fecha = Math.round((new Date()).getTime()/1000); 
    setInterval(function() { 
     $.ajax({ 
      data: "fecha="+fecha, 
      type: "GET", 
      dataType: "json", 
      url: "data.php", 
      success: function(data){ 
       restults(data); 
      } 
     }); 
    }, 5000); 
}); 
</script> 
</head> 
<body> 
<div id="envivo"> 
</div> 
</body> 
</html> 

当运行index.php,data.php它通过ajax调用,它返回类似于这样的内容

[{“titulo”:“Test 1302662957”,“link”:“http:\/\/www.google.com”,“fuente”:“Zuker”},{“titulo”:“测试 1302662957 “,”link“:”http:\/\/www.google.com“,”fuente“:”Zuker“},{”titulo“:”Test 1302662631“,”link“:”http:\//www.google.com","fuente":"Zuker“}]

一切都在这一点罚款...现在我会试着检索和追加一条萤火控制台

数据

[{“titulo”:“Test 1302662957“,”link“:”http:\/\/www.google.com“,”fuente“:”Zuker“},{”titulo“:”Test 1302662957“,”link“:”http: /\/www.google.com","fuente":"Zuker"},{"titulo":"Test 1302662631“,”link“:”http:\/\/www.google.com“,”fuente “:” 朱克“}]

所以它的罚款......但使用

$(data).each(function() { 
    $("#envivo").append("<li>Titulo: " + data.titulo + " Link: " + data.link + " Fuente: " + data.fuente + "</li>"); 
}); 

我越来越不确定的每个值时...任何想法?预先

回答

8

$.fn.each()

由于被设计成遍历DOM元素。例如,您想要$.each(),它可以迭代任何泛型集合,如对象数组。将.each()代码更改为如下所示:

$.each(data, function(index, data) { 
    $("#envivo").append("<li>Titulo: " + data.titulo + " Link: " + data.link + " Fuente: " + data.fuente + "</li>"); 
}); 
+0

嘿,太棒了!这工作 – Zuker 2011-04-13 11:44:06

+0

保存我的女朋友一天。试图帮助她与她的JSON + PHP的事情! :)太棒了! – 2012-08-22 12:40:53