62,052
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
function LocalDB()
{
var info = "";
//本地json文件
var url= "addr.json";
$.getJSON(url, function (data) {
$.each(data, function (i,item) {
info += item["country"] + "<br>";
info += item["province"] + "<br>";
info += item["city"] + "<br>";
});
$("#jsonText").append("本地Json文件:<br>"+info);
});
}
function WebDB()
{
var info = "";
//远程json
var url = "http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=json";
$.getJSON(url, function (data) {
$.each(data, function (i, item) {
info += item["country"] + "<br>";
info += item["province"] + "<br>";
info += item["city"] + "<br>";
});
$("#jsonText").append("远程Json文件:<br>" + info);
});
}
</script>
</head>
<body>
<button onclick="LocalDB()">LocalDB</button>
<button onclick="WebDB()">WebDB</button>
<hr />
<div id="jsonText">
</div>
</body>
</html>