JSON 值作为查询字符串

Question

我在我的 Drupal 7 网站上使用 Maxmind.Com 的 GeoIP2 (Omni) Web 服务来根据访问者的 IP 提取地理数据。

我可以使用以下代码获取 JSON 文档：

<script type="text/javascript" src="//js.maxmind.com/js/apis/geoip2/v2.0/geoip2.js">
</script>

<script type="text/javascript">

var onSuccess = function(location){
    console.log(
        "Lookup successful:\n\n"
        + JSON.stringify(location.city.names.en, undefined, 4)
    );
};

var onError = function(error){
    alert(
        "Error:\n\n"
        + JSON.stringify(error, undefined, 4)
    );
};

geoip2.omni(onSuccess, onError);

</script>

其中一个返回值是访问者的城市名称。如何将返回的值用作查询字符串的一部分？

例如，如果'city.names.en' = 'Detroit'，我如何使用“Detroit”作为键从另一个文档、表格等中检索数据（例如本地电话号码）？

最终目标是根据访问者的位置将“本地”电话号码动态插入“联系我们”部分。

Answer 1

通常你会像这样格式化一个查询字符串：

http://mydomain.com/route?parameterName=value

对于您的示例，它可能如下所示：

http://mydomain.com/phoneNumbers/phoneNumber?city=Detroit

Answer 2

有两种方法可以实现您想要做的。

• 使用ajax获取城市名称后加载联系方式。这是一个例子：

<span id="contact"></span>

<script type="text/javascript">
    $(document).ready(function() {
        geoip2.omni(function(data) {
            $.ajax({
                type: "GET",
                url: "your/url/to/contact/getter/service",
                data: {
                    city : data.city.names.en
                },
                success: function(contact) {
                    // update your contact information
                    $("#contact").text(contact);
                }
            }
        }, function(data) {
            debugger;
        });
    });
</script>

显然，您需要一个可以请求提供给定城市名称的联系信息的资源。

• 创建联系信息地图并使用它来获取城市的联系信息，而无需再次发送请求。

<span id="contact"></span>

<script type="text/javascript">
    var contactMap = {
        NewYork : "123123",
        London : "9797987"
    }
    $(document).ready(function() {
        geoip2.omni(function(data) {
            // update your contact information
            $("#contact").text(contactMap[data.city.names.en]);
        }, function(data) {
            debugger;
        });
    });
</script>