Query string representation of a JSON object

Question

Query string representation of a JSON object

Utilizing Maxmind.Com's GeoIP2 (Omni) Webservice, my Drupal 7 website can fetch geographic data using the visitor's IP address.

To obtain a JSON document, I use the following 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>

Among the retrieved values is the name of the visitor's city. How can I incorporate this value into a query string?

For instance, if 'city.names.en' = 'Detroit', how could I use "Detroit" as a key to fetch relevant data (e.g., local phone number) from another source like a document or table?

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

javascript json drupal-7 geoip maxmind

Answer 1

Answer №1

Usually, a query string is structured in this manner:

http://exampledomain.com/path?parameterName=value

In the case of your scenario, it could resemble this:

http://exampledomain.com/employees/employeeID?department=Marketing

Answer 2

Usually, a query string is structured in this manner:

http://exampledomain.com/path?parameterName=value

In the case of your scenario, it could resemble this:

http://exampledomain.com/employees/employeeID?department=Marketing

Answer 3

Answer №2

There are two different ways to accomplish your goal.

One option is to load the contact information after retrieving the city name using ajax. Here is a sample code snippet:

<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 contact information
                    $("#contact").text(contact);
                }
            });
        }, function(data) {
            debugger;
        });
    });
</script>

You will need a resource where you can request the contact information based on the city name.

Another approach is to create a map of contact information and use it to easily retrieve contact details for a specific city without making another request.

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

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

Answer 4

There are two different ways to accomplish your goal.

One option is to load the contact information after retrieving the city name using ajax. Here is a sample code snippet:

<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 contact information
                    $("#contact").text(contact);
                }
            });
        }, function(data) {
            debugger;
        });
    });
</script>

You will need a resource where you can request the contact information based on the city name.

Another approach is to create a map of contact information and use it to easily retrieve contact details for a specific city without making another request.

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

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

Query string representation of a JSON object

Answer №1

Answer №2

Similar questions

Getting a JavaScript response within an Angular promise can be achieved by utilizing the promise

Database does not retain the updated image during the process

When changing recipients in Firebase, the Javascript code fetches the same message multiple times even though there is only a single message stored in the database

Searching for specific objects within a nested array in TypeScript

Guide to customizing the sort arrow colors of b-table in Bootstrap 4 within Nuxt framework

Eliminate the commas in the JSON string except for the commas that separate arrays

A windows application developed using either Javascript or Typescript

Learning to establish a connection between JavaScript and an SQL database

What tips do you have for creating a tool that requires automatic updates using ASP.NET MVC Razor, including Views, Controllers, Models, and Ajax?

Converting a List to JSON Attributes using JsonConvert

Is it possible to prevent a line break in a div tag, or are there other options available?

Is there a way to send an Ajax response to the web browser client as a downloadable file?

When working with VueJS and Vuex, using the splice method to replace an item (object) in an array stored in Vuex does not trigger a re-render of the

AngularJS does not allow empty spaces in textarea inputs

I am having difficulty toggling the show feature

Send the content written in summernote to an AJAX request

AutoCompleteExtender within ASP.NET MVC and ASP.NET AJAX Toolkit

Trigger Screen Reader to Announce When a Component Is Deleted

How to display currency input in Angular 2

JSON schema built to stand the test of time