代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>显示IP地址</title>
</head>
<body>
<h1 style="text-align: center">显示IP地址</h1>
<div class="container">
<span id="idTestJson"></span><br/>
</div>
<script>
//根据 接口参数 返回格式 ipJson.jsp?callback=testJson
//callback=testJson 标识返回json格式
function testJson(obj) {
//打印json结果
//结果 {ip: 'xxx.xxx.xxx.xxx', pro: 'xx省', proCode: 'xxxxx', city: 'xxxx市', cityCode: 'xxxx', …}
console.log(obj);
//按需提取 json数据内容
//输出到指定元素
document.getElementById("idTestJson").innerHTML = "显示IP地址为 "+obj.ip+ " 的位置信息,省["+obj.pro+"] 市["+obj.city+"] 区["+obj.region+"]";
}
</script>
<script src="http://whois.pconline.com.cn/ipJson.jsp?callback=testJson"></script>
</body>
</html>
|