0

我真的需要你的帮助来帮助我解决我的问题。我使用 CoovaChilli 设置了一个强制门户，并希望显示 Coova JSON 接口提供的使用反馈，可以通过 url 访问，例如来自 CoovaChilli 所在的内部网络的http://login.domain.com:3990/json/status听着。如果您已经登录到强制门户，然后如果您访问该 url，您将在浏览器中看到如下格式的数据：

{
    "version": "1.0",
    "clientState": 1,
    "redir": {
        "originalURL": "http://www.gstatic.com/generate_204",
        "redirectionURL": "",
        "logoutURL": "http://10.1.0.1:3990/logoff",
        "ipAddress": "10.1.0.6",
        "macAddress": "AA-BB-CC-DD-EE-FF"
    },
    "session": {
        "sessionId": "5108c39600000003",
        "userName": "user@ri",
        "startTime": 1359529249,
        "sessionTimeout": 0,
        "idleTimeout": 900
    },
    "accounting": {
        "sessionTime": 867,
        "idleTime": 0,
        "inputOctets": 1428643,
        "outputOctets": 391752,
        "inputGigawords": 0,
        "outputGigawords": 0,
        "viewPoint": "client"
    }
}

我的问题是，如果想使用 * Javascript *将数据解析到网页中，我应该怎么做才能看到数据格式更好（html 格式）。例如，我可以通过 url 使用相同的域访问它，例如http://login.domain.com/status/status.html，而不是之前 url 中的未格式化数据？

请注意：我想使用 javascript 进行解析，因为登录到该 CoovaChilli 的用户的数据不同，不同的用户有不同的数据，只有登录并访问该 url 的用户只能看到他们自己的统计信息，所以我认为最佳实践是使用客户端语言来解析该数据。

非常感谢您的任何帮助。之前谢谢你。

4

2 回答 2

0

尝试这个

这个链接可以帮助你http://www.w3schools.com/json/json_intro.asp

<!DOCTYPE html>
<html>
<body>
<h2>JSON Object Creation in JavaScript</h2>

<p>
Name: <span id="jname"></span><br>  
Age: <span id="jage"></span><br> 
Address: <span id="jstreet"></span><br> 
Phone: <span id="jphone"></span><br> 
</p>  

<script>
var JSONObject = {
  "name":"John Johnson",
  "street":"Oslo West 16", 
  "age":33,
  "phone":"555 1234567"};
document.getElementById("jname").innerHTML=JSONObject.name  
document.getElementById("jage").innerHTML=JSONObject.age  
document.getElementById("jstreet").innerHTML=JSONObject.street  
document.getElementById("jphone").innerHTML=JSONObject.phone  
</script>

</body>
</html>

编辑

如果要删除 var json，可以使用 ajax 或 jquery，例如：

 $.getJSON("your url",function(result){
    $.each(result, function(i, field){
      $("div").append(field + " ");
    });
  });

http://www.w3schools.com/jquery/ajax_getjson.asp

于 2013-01-30T09:50:54.517 回答
0 
  <script src="js/jquery.min.js"></script>
  <script>
  $.getJSON("http://10.1.0.1:3990/json/status?callback=?", function(data) {
    console.log(data);
  });
  </script>
于 2013-06-05T08:25:23.380 回答