<?php
$json = file_get_contents('https://api.ipplus360.com/ip/geo/v1/city/?key=lL1Ti8ZWHOkIpXv6eFhHN8unufiiUXaEB0Zc3L6d180ONIdI4cvyJsJHq3gwT8OJ&ip=106.5.115.50&coordsys=WGS84');
//获取数
$obj = json_decode($json);
foreach ( $obj as $data ){
echo $data->prov;
}
?><?php
$get_ip = isset($_SERVER['REMOTE_ADDR']) ? $_SERVER['REMOTE_ADDR'] : $_SERVER['HTTP_X_FORWARDED_FOR'];
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jquery查询ip信息</title>
<script src="https://www.w3school.com.cn/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.getJSON("https://api.ipplus360.com/ip/geo/v1/city/?key=lL1Ti8ZWHOkIpXv6eFhHN8unufiiUXaEB0Zc3L6d180ONIdI4cvyJsJHq3gwT8OJ&ip=<?php echo $get_ip;?>&coordsys=WGS84",function(result){
$.each(result.data, function(index, val){
$("div").append(index + "==>" +val + "<br>");
//console.log(result.data);
});
});
});
});
</script>
</head>
<body>
<button>jquery查询ip信息</button>
<div></div>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<div class="input-box">
<input type="text" class="ip">
<a href="javascript:void(0);" class="btn">查询</a>
</div>
<div class="prov"></div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$('.btn').click(function(event) {
/* Act on the event */
var ip = $('.ip');
if ($.trim(ip.val()) == '') {
alert('请输入IP');
} else {
$.ajax({
// 提交数据的类型 POST GET
type: "POST",
// 提交的网址
url: 'https://api.ipplus360.com/ip/geo/v1/city/?key=lL1Ti8ZWHOkIpXv6eFhHN8unufiiUXaEB0Zc3L6d180ONIdI4cvyJsJHq3gwT8OJ&ip=' + ip.val() + '&coordsys=WGS84',
// 提交的数据
data: {},
//返回数据的格式
dataType: "json", //"xml", "html", "script", "json", "jsonp", "text".
// true：默认异步请求 false:同步请求
// async:true,
// 请求前
beforeSend: function() {},
// 成功返回之后调用的函数
success: function(result) {
console.log(result);
if (result.code == "Success") {
var data = result.data;
console.log(data.prov);
$('.prov').text(data.prov);
} else {
alert('请求错误！');
}
},
// 请求完成
complete: function() {},
// 调用出错执行的函数
error: function() {
//请求出错处理
console.log('Ajax Error');
}
});
}
});
</script>
</body>
</html>
