解析从网站(CoovaChilli)生成的动态JSON并将其显示到Javascript网页中?

解析从网站(CoovaChilli)生成的动态JSON并将其显示到Javascript网页中?,javascript,jquery,html,json,jsonp,Javascript,Jquery,Html,Json,Jsonp,我真的需要你的帮助来帮助我解决我的问题。我使用CoovaChilli设置了一个捕获门户,并希望显示Coova JSON接口提供的使用反馈,该接口可以通过类似这样的url从CoovaChilli监听的内部网络访问。如果您已经登录到captive portal,然后访问该url,您将在浏览器中看到格式如下的数据: { "version": "1.0", "clientState": 1, "redir": { "originalURL": "http://ww

我真的需要你的帮助来帮助我解决我的问题。我使用CoovaChilli设置了一个捕获门户,并希望显示Coova JSON接口提供的使用反馈,该接口可以通过类似这样的url从CoovaChilli监听的内部网络访问。如果您已经登录到captive portal,然后访问该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访问它,而不是使用前一个url中的未格式化数据

请注意:我想使用javascript进行解析,因为登录到CoovaChilli的用户的数据不同,不同的用户有不同的数据,只有登录并访问该url的用户才能看到自己的统计数据,所以我认为最好的做法是使用客户端语言解析该数据

非常感谢你的任何帮助。谢谢你。试试这个

此链接可能对您有所帮助


$.getJSON(“http://10.1.0.1:3990/json/status?callback=?,函数(数据){
控制台日志(数据);
});

如果要将var JSONObject数据源从脚本中声明的direct(如您的答案)更改为my question()中的from网页,我该怎么办?这就是问题所在。。我真的不知道如何在google上找到答案。如果我使用第二个脚本,如果我想将它与第一个脚本结合起来,我应该怎么做?(使用getJSON从网页中插入变量数据)我将问题中的JSON结构与w3school中的示例结构混淆,因为它不同。如果你能给我看一个例子,让我理解如何解析我问题中的数据结构。我对JSON解析仍然一无所知,但我真的想知道更多。。不,只懂一点点,但如果看到例子,我会快速学习。从中我可以理解事物是如何工作的。对于我上面的问题,现在只需要使用getJSON或其他方法组合网页中的数据,以便将其插入变量,然后打印成html格式?变量“result”包含从服务器返回的json对象。只要提醒它。。你会明白的。哦,是的,我看到了。非常感谢:D
<!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>
 $.getJSON("your url",function(result){
    $.each(result, function(i, field){
      $("div").append(field + " ");
    });
  });
  <script src="js/jquery.min.js"></script>
  <script>
  $.getJSON("http://10.1.0.1:3990/json/status?callback=?", function(data) {
    console.log(data);
  });
  </script>