如何根据IP地址自动填写城市,州和国家/地区表单字段?

时间:2014-03-22 04:51:13

标签: forms geolocation ip

根据用户的IP地址访问城市,州和国家的最简单方法是什么?将其填入表单字段?

例如,我有一个基本的表单字段:

<input type="text" name="city" value="*AUTOFILL CITY HERE*" />

不要让他们填写此信息,而是希望隐藏表单字段并根据其IP自动填充。

1 个答案:

答案 0 :(得分:2)

我找到了一个以html,javascript和jquery形式的解决方案。

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<h3>Client side IP geolocation using <a href="http://ipinfo.io">ipinfo.io</a></h3>

<hr/>
<div id="ip"></div>
<div id="address"></div>
<hr/>Full response: <pre id="details"></pre>
<input type="text" value="" id="city" />
<script type="text/javascript">

$.get("https://ipinfo.io", function (response) {
    $("#ip").html("IP: " + response.ip);
    $("#address").html("Location: " + response.city + ", " + response.region);
    $("#details").html(JSON.stringify(response, null, 4));
    $("#city").html(response.city);
    document.getElementById('city').value = response.city;
}, "jsonp");
</script>

</body>
</html>

城市自动填写,使用相同的流程,您可以显示访问者的状态和国家/地区。