javascript - 在 Web 应用程序中解析和显示 JSON 数据

Question

我一直在尝试解析并显示返回的json数据REST API 没有成功。

在本地测试，API 的形式为:

http://localhost/apiurl/get-data.php

它以以下形式返回数据:

[{"title":"Title One","message":"Message One"},{"title":"title two","message":"message two"},....] 

每个项目由两个元素组成；标题和消息如上所示。

我想循环遍历所有返回的项目并将结果显示在这样的 div 中

<p>Title One</p>
<p>Message One</p>  

等等

我尝试过这样的事情:

<script src="path/to/jquery"></script> 

<script type="text/javascript">
 $(document).ready(function(){
var url="http://localhost/apiurl/get-data.php";
$.getJSON(url,function(json){
$.each(data,function(i,dat){
$("#resultid").append(
'<p>Title : <em>'+dat.title+'</em>'+
'<p>Message : <em>'+dat.message+'</em></p>'+
'<hr>'
);
});
});
});
</script>

但是没有成功。还有其他想法吗？

Answer 1

将值更改为 json 而不是 data 后它开始工作看一下这个