2015-01-20 115 views
-5

我已經寫了這段代碼(它可能只是有點混亂)。我試圖從URL中讀取JSON數據並將其顯示在html中(現在簡單一個,更好一個更好)試用此代碼將URL中的JSON數據解析爲html

這就是我所擁有的。它不工作。

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8" /> 
 
    <title>JSON Sample</title> 
 
</head> 
 
<body> 
 
    <div id="placeholder"></div> 
 
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
 
    <script> 
 
    var jsonApi = "http://10.0.0.2/~nrgtar/test.php?query=64" 
 
\t $.getJSON(jsonApi, function(data) { 
 
     var output="<ul>"; 
 
     for (var i in jsonApi.results) { 
 
      output+="<li>" + data.results[i].name + " " + data.results[i].lastname + "--" + data.results[i].address+"</li>"; 
 
     } 
 

 
     output+="</ul>"; 
 
     document.getElementById("placeholder").innerHTML=output; 
 
    }); 
 
    </script> 
 
</body> 
 
</html>

一個例子JSON數據是這樣的:

{ 
    "results": [ 
     { 
      "name": "John", 
      "lastname":"Smith", 
      "address":"4 main street" 
     } 
    ] 
} 
+1

_'It不是working'_不是一個充分的問題說明。 – 2015-01-20 22:31:02

+1

'(var i在data.results)' – danronmoon 2015-01-20 22:31:58

+0

謝謝:)我會改變它。我的意思是,試圖運行html文件,沒有任何顯示。 – 2015-01-20 22:32:10

回答

-2

<?php 
 

 
$url = "http://10.0.0.2/~nrgstar/test.php?query=4"; 
 
$content = file_get_contents($url); 
 
$json = json_decode($content, true); 
 

 
foreach($json['results'] as $item) { 
 
print "name " . $item['name'] . " last name " . $item['lastname'] . " address " . $item['address'] . "<br>"; 
 
} 
 
?>

+1

沒有建議提問者使用PHP,所以這個答案不是有用的迴應。 – doppelgreener 2015-01-21 00:00:01

+0

除了答案是由提問者提供的,加上php是一個標籤。 – 2015-01-21 02:51:17

+0

好的。如果問題得到改進(注意它是-5),可能會使問題變得更清楚,而PHP腳本中的問題不在JavaScript中。如果問題出在你的PHP中,那麼這個問題中就不存在非工作的PHP腳本。 – doppelgreener 2015-01-21 02:56:33