java - 使用 jQuery 从 json url 解析变量

Question

如何从 json 解析“city”等参数？

我有这样的网址:http://api.db-ip.com/addrinfo?addr=8.8.8.8&api_key=key ，这返回给我这个:

{
    "address":"8.8.8.8",
    "country":"US",
    "stateprov":"California",
    "city":"Mountain View"
}

我想将城市(或国家)变量​​应用于 <input type> ，向访问者显示一些有关位置的信息。

Answer 1

如果您只想加载该 JSON 对象并访问“city”字段，请使用 jQuery 的 getJSON 方法来获取 native JS 对象作为响应。

$.getJSON( "http://api.db-ip.com/addrinfo?addr=8.8.8.8&api_key=key", function(data) {
   // do something with data.city;
});

但是，在您的情况下，您正在尝试发出跨域 JSON 请求 - 不允许。由于 db-ip.com 不允许，您必须使用 PHP 代理请求。

在您的服务器上设置“dbip.php”作为代理(参见http://jquery-howto.blogspot.com/2009/04/cross-domain-ajax-querying-with-jquery.html)

然后，您只需从自己的服务器上的 dbip.php 加载 JSON，该服务器会为您查询 db-ip.com。浏览器很高兴，因为它发出的 AJAX 请求不会跨域名。