Javascript Jquery帮助加载Json数据
我想用ajax从我站点的另一个页面加载json信息。这是我到目前为止所拥有的Javascript Jquery帮助加载Json数据,javascript,jquery,ajax,json,Javascript,Jquery,Ajax,Json,我想用ajax从我站点的另一个页面加载json信息。这是我到目前为止所拥有的 $(function() { $('#show-more').bind('click', function() { $.ajax({ url: 'http://localhost:3000/users/10', dataType: 'json', success: function(data) { alert(data); }
$(function() {
$('#show-more').bind('click', function() {
$.ajax({
url: 'http://localhost:3000/users/10',
dataType: 'json',
success: function(data) {
alert(data);
}
});
});
})
当我这样做时,会弹出警报,我得到[OBJECT OBJECT][OBJECT]
。如何获取这些数据并将其附加到页面上的提要id中。我试着用它来代替警报(数据)
:
但是,我在控制台中得到了这个错误“fragment.appendChild(ret[I]);”。我怎样才能正确地做我想做的事
另外,我正在检索的数据中有一个字段,标题是我试图访问的消息。我怎样才能访问它?我会做一些类似data.message的事情吗
提前谢谢 数据是javascript对象。它的某些属性可能包含您要查找的数据。如果
data.message=“foo”
,则执行警报(data.message)
将输出“foo”
如果要查看数据的属性,可以执行以下操作之一:
1) 在包含警报(数据)的行上放置断点
在chrome的Javascript控制台或Firefox的Firebug扩展中,您可以在一行上放置断点并查看所有变量的值
2) 您可以在其中循环:
var str = "";
for(var prop in data){
str += prop + ": " + data[prop] + "\n";
}
alert(str);
这将显示数据的所有属性。其中一些属性也可能是对象,在这种情况下,您还必须迭代这些属性。使用这些属性可以快速了解发生了什么:
<?php
echo json_encode(array('test' => 'This is a test'));
?>
然后在jquery中将alert(data)更改为alert(data.test)。这应该让你开始——或者至少作为一个示例来构建。祝你好运 警报显示您有一个对象这一事实非常好。JSON是JavaScript对象表示法,因此,您应该期望在success方法中接收对象作为数据 根据类型的不同,您可以以不同的方式访问数据。您将无法将它直接“附加”到另一个元素,因为它不是HTML。因此,如果JSON是单个对象,则可以执行以下操作:
alert(data.id)
$.each(data, function()
{
alert(this.id);
});
其中“id”是对象的一个属性的名称。或者,如果数据是对象数组,则可以执行以下操作:
alert(data.id)
$.each(data, function()
{
alert(this.id);
});
无论类型如何,都必须手动创建HTML。返回的数据对象是什么?您从哪个服务器应用程序(asp.net、php、jsp)获取此信息?