2012-04-21 114 views
0

嗨谁能帮我装JSON为jQuery的我只能似乎得到它在这个structor麻烦与jQuery加载JSON

{ “名”工作:“Zemi全部”, “SMPX”: “2564”, “scuser”: “zajihi”, “scfollowers”: “女” }

这是该格式的网页我有 - http://newmusicproducer.com/filterable/indexj.php

我下面的代码是:

<script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script type="text/javascript" language="javascript"> 
    $(document).ready(function() { 
     $("#driver").click(function(event){ 
      $.getJSON('test.json', function(data) { 
      $.each(data.results,function(){ 
       $('#stage').html('<p> Name: ' + data.name + '</p>'); 
       $('#stage').append('<p> Smpx : ' + data.smpx+ '</p>'); 
       $('#stage').append('<p> Scuser: ' + data.scuser+ '</p>'); 
       $('#stage').append('<p> Scfollowers: ' + data.scfollowers+ '</p>'); 
      }); 
      }); 
     }); 
    }); 
    </script> 
</head> 
<body> 
    <p>Click on the button to load results:</p> 
    <div id="stage" style="background-color:blue;"> 
      Display area. 
    </div> 
    <input type="button" id="driver" value="Load Data" /> 
</body> 
+0

你什么错误?服务器上的文件是?你真的加载'test.json'还是你想要访问上面的网站? – 2012-04-21 16:55:52

+0

不是链接是我正在尝试加载其相同网站的格式。没有错误只是没有得到任何数据。 – 2012-04-21 17:46:26

回答

1

您正在遍历data.results,但您提供的链接显示该数组被称为testData

$.each(data.testData, function(val){ 
    $('#stage').html('<p> Name: ' + val.name + '</p>') 
       .append('<p> Smpx : ' + val.smpx+ '</p>') 
       .append('<p> Scuser: ' + val.scuser+ '</p>') 
       .append('<p> Scfollowers: ' + val.scfollowers+ '</p>'); 
}); 
+0

好吧,我改变了代码到现在它拉的数据,但只是说不确定。 – 2012-04-21 17:51:48

+0

只是你的建议的工作了,也不得不改变 $(“#阶段”)HTML(“

名称:‘+ data.name +’

”)。 到 $( '#阶段')HTML( '

名称: '+ val.name +'

'); – 2012-04-21 21:09:22

+1

哎呀,错过了。为未来读者的利益更新答案。另外值得注意的是,您可以使用链接,而不是每次重新选择'#stage'元素。 – Dennis 2012-04-21 21:13:33