JSON值作为查询字符串

Question

I'm using Maxmind.Com's GeoIP2 (Omni) Webservice on my Drupal 7 website to pull geographic data based on my visitor's IP.

I am able to get a JSON document by using this code:

<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>

One of the returned values is the visitor's city name. How can I use the returned value as part of a query string?

For example, if 'city.names.en' = 'Detroit' , how could I use "Detroit" as a key to retrieve data (eg Local phone number) from another document, table, etc?

The end goal is to dynamically insert a "local" phone number into the "contact us" section based on the visitor's location.

Answer 1

Typically you'll format a query string like this:

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

For your example it may look like this:

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

Answer 2

There can be two approach to achieve what you want to do.

• Load the contact information after getting the city name using ajax. Here's an example:

<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> 

Obviously, you need a resource that you can request to provide the contact information given the city name.

• Create a contact information map and use it to get the contact information for a City without having to send a request again.

<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>