Javascript JSON和jQuery

我让这东西大部分时间都在工作。我不明白的是，如果我把文件放在桌面上，然后把它拖到浏览器中，它就可以工作了。如果我上传相同的文件到我的网站并访问它，它在Firefox中不会显示任何内容。昨晚它在Safari中起了作用，但今天没有。这段代码真的很奇怪吗？ 如果将所有这些粘贴到此处不起作用，请参见下面的示例：）

身体{
背景:#3535；
颜色：#fff；
字体大小：62.5%；
填充：10px；
}
p{
字号：1.6em；
字体系列：Arial，“MS Trebuchet”，无衬线；
}
跨度{
字号：1.6em；
字体变体：小大写字母；
}
保险商实验室{
列表样式：无；
}
李{
字号：1.6em；
文本转换：大写；
}
img{
浮动：左；
利润率：10px；
}
$（文档）.ready（函数（）{
$.getJSON（“http://api.tinychat.com/designtalk.json",
功能（数据）{
$（'#name'）.append（data.name）；
$（'#topic'）.append（data.topic）；
$（“#广播”）.append（data.broadcaster_count）；
$（'#count'）。追加（data.total_count）；
$（'#priv'）.append（data.priv）；
如果（！data.name）
{
警报（“房间空了！”）
}
var$nameList=$（“
”）；
$.each（data.names，function（i，val）{
$（'
）.appendTo（$nameList.html（val）；
});
$（'#container'）。追加（$nameList）；
$.each（data.pics，function（i，val）{
$("
房间名称：
当前主题：

数字广播：
房间总数：
具有权限的号码：
谁在上网？

在回调函数中，您只需遍历每个元素。假设您希望将名称附加到id为namesDiv的div，您可以执行以下操作：

$.get("something.aspx", function(json) {  
  for(var i =0; i< json.names.length; i++)
    {
      $('#namesDiv').append(json.names[i]);
    }

$.get（“something.aspx”，函数（json）{
for（var i=0；i

在回调函数中，您只需遍历每个元素。假设您希望将名称附加到id为namesDiv的div，您可以执行以下操作：

$.get("something.aspx", function(json) {  
  for(var i =0; i< json.names.length; i++)
    {
      $('#namesDiv').append(json.names[i]);
    }

$.get（“something.aspx”，函数（json）{
for（var i=0；i

您可以通过编程方式创建HTML元素，以构建HTML列表，例如：

$('<div></div>').appendTo('#container').html(data.title);

var $nameList = $('<ul></ul>');

$.each(data.names, function (i, val) {
  $('<li></li>').appendTo($nameList).html(val);
});

$('#container').append($nameList);

$（''）.appendTo（'#container'）.html（data.title）；
var$nameList=$（“
”）；
$.each（data.names，function（i，val）{
$（'
）.appendTo（$nameList.html（val）；
});
$（'#container'）。追加（$nameList）；

例如

没有jQuery：

var container = document.getElementById('container'),
    title = document.createElement('div'),
    nameList = document.createElement('ul'), li;

title.innerHTML = data.title;
for (var i = 0; i < data.names.length; i++) {
  li = document.createElement('li');
  li.innerHTML = data.names[i];
  nameList.appendChild(li);
}

container.appendChild(title);
container.appendChild(nameList);

var container=document.getElementById（'container'），
title=document.createElement（'div'），
名称列表=document.createElement（'ul'），li；
title.innerHTML=data.title；
对于（var i=0；i

例如

Edit:在回复您的评论时，您缺少参数

jsoncallback

来发出JSONP请求，而且在JSON响应的结构中，

names

成员不存在，我想您的意思是

items

---

检查已修复的提要示例。

您可以通过编程方式创建HTML元素，以构建HTML列表，例如：

$('<div></div>').appendTo('#container').html(data.title);

var $nameList = $('<ul></ul>');

$.each(data.names, function (i, val) {
  $('<li></li>').appendTo($nameList).html(val);
});

$('#container').append($nameList);

$（''）.appendTo（'#container'）.html（data.title）；
var$nameList=$（“
”）；
$.each（data.names，function（i，val）{
$（'
）.appendTo（$nameList.html（val）；
});
$（'#container'）。追加（$nameList）；

例如

没有jQuery：

var container = document.getElementById('container'),
    title = document.createElement('div'),
    nameList = document.createElement('ul'), li;

title.innerHTML = data.title;
for (var i = 0; i < data.names.length; i++) {
  li = document.createElement('li');
  li.innerHTML = data.names[i];
  nameList.appendChild(li);
}

container.appendChild(title);
container.appendChild(nameList);

var container=document.getElementById（'container'），
title=document.createElement（'div'），
名称列表=document.createElement（'ul'），li；
title.innerHTML=data.title；
对于（var i=0；i

例如

Edit:在回复您的评论时，您缺少参数

jsoncallback

来发出JSONP请求，而且在JSON响应的结构中，

names

成员不存在，我想您的意思是

items

---

检查您的订阅源示例已修复。

有一个firefox插件，用于格式化json数据

---

这是假设您只想了解json数据的外观，然后开始在其中编程…

有一个firefox插件可以格式化json数据

---

这是假设您只想了解json数据的外观，然后在其中开始编程…

很长一段时间，但它确实注意到对象的属性可能也有自己的属性。假设存在ID为“content”的DIV元素（或类似元素）

函数写入对象（对象、选项卡）
{
制表符=制表符| | 0；
var=”；
对于（变量i=0；i）；
}     
其他的
{
$（“#内容”）.append（padding+prop+”
）；
WriteObject（对象[prop]，制表符+1）；
}
}
其他的
{
$（“#内容”）.append（padding+prop+”：“+（obj[prop]？obj[prop]：“null”）+”
）；
}
}
}

非常长，但要注意识别对象的属性可能也有自己的属性。假设存在ID为“content”的DIV元素（或类似元素）

函数写入对象（对象、选项卡）
{
制表符=制表符| | 0；
var p