解析从网站(CoovaChilli)生成的动态JSON并将其显示到Javascript网页中?
我真的需要你的帮助来帮助我解决我的问题。我使用CoovaChilli设置了一个捕获门户,并希望显示Coova JSON接口提供的使用反馈,该接口可以通过类似这样的url从CoovaChilli监听的内部网络访问。如果您已经登录到captive portal,然后访问该url,您将在浏览器中看到格式如下的数据:解析从网站(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
{
"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>