使用jQuery解析json url中的变量

Question

我如何从json中解析参数，比如"city“？

我有这样的url：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方法获得一个本机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请求不会跨域名。

Answer 2

var response={
 "address":"8.8.8.8",
 "country":"US",
 "stateprov":"California",
 "city":"Mountain View"
};
$("#city").val(response.city);