issue in getting device ip address from a javascript webpage

Question

I have this JavaScript code in my webpage:

const configDefault = {

  Bot: {
    // initial sessionAttributes
    sessionAttributes: {},

  },

};

Now What I want is to set the sessionAttributes with the ip address of the device on which this webpage is opened by the user. Based on this SO post I wrote this code to get the ip address of the device but I am having issue in first extracting the ip address out of the returned json object and then integrating this piece so that sessionAttributes in my code above is set with the ip address:

function myIP() {
    $.getJSON('//freegeoip.net/json/?callback=?', function(data) {
  JSON.stringify(data, null, 2));
});
}

The json object in above code return following sample structure. I want to get ip field out of it and set it to sessionAttributes in my code at the top:

{
  "ip": "116.12.250.1",
  "country_code": "SG",
  "country_name": "Singapore",
  "region_code": "01",
  "region_name": "Central Singapore Community Development Council",
  "city": "Singapore",
  "zip_code": "",
  "time_zone": "Asia/Singapore",
  "latitude": 1.2931,
  "longitude": 103.8558,
  "metro_code": 0
}

I am new to JavaScript so I am unable to find a way to do this. Can anyone help me in structuring this right way?

Update: My current code is at http://js.do/code/158408 . I am getting error on $ sign when I run it

const configDefault = {

      Bot: {
        // initial sessionAttributes
        sessionAttributes: {},

      },

    };

function myIP() {
        $.getJSON('//freegeoip.net/json/?callback=?', function(data) {
      return JSON.parse(data);
    });
    }

const ipInformation = myIP();
configDefault.Bot.sessionAttributes.ip = ipipInformation.ip;

Matt · Answer 1 · 2017-06-23T18:35:07.183

1

You should use JSON.parse instead of stringify.

const ipInformation = JSON.parse(data);

console.log(ipInformation.ip);

const configDefault = {
  Bot: {
    // initial sessionAttributes
    sessionAttributes: {},
  },
};

configDefault.Bot.sessionAttributes.ip = ipipInformation.ip;

console.log(configDefault);

or if you wanted all of ipInformation in sessionAttributes.

configDefault.Bot.sessionAttributes = ipipInformation;

As $.getJSON is async, you'll need to do all the work inside the callback:

let configDefault = {
  Bot: {
    // initial sessionAttributes
    sessionAttributes: {}
  }
};

function myIP(configDefault) {
  $.getJSON("//freegeoip.net/json/?callback=?", function(data) {
    const ipInformation = JSON.parse(data);
    configDefault.Bot.sessionAttributes.ip = ipInformation.ip;
    console.log(configDefault);
    return configDefault;
  });
}

configDefault = myIP(configDefault );

edited Jun 23 '17 at 18:35

answered Jun 23 '17 at 17:54

Matt

5,315
1
30
57

how do I use this to set the `sessionAttributes` in my code above? – user2916886 Jun 23 '17 at 18:11
So `const ipInformation = JSON.parse(data);` will call the `myIP()` function in my post? – user2916886 Jun 23 '17 at 18:17
No. You need to replace JSON.stringify in your myIP function with `return JSON.parse(data);` – Matt Jun 23 '17 at 18:18
I have posted an updated version in my post above in update section based on your answer. Does the structure looks correct? – user2916886 Jun 23 '17 at 18:29
It looks correct, does it work? Make sure to open the console with F12 in case there are any errors. – Matt Jun 23 '17 at 18:30
Are you including jQuery? – Matt Jun 23 '17 at 18:58
You need to be bringing in jquery somewhere: `` – Matt Jun 23 '17 at 19:04
I added above line in my code on the link in my last comment. Still same error. Is it possible you can check the code link and edit on it? – user2916886 Jun 23 '17 at 19:09
I can't run it from there to test because the call is blocked but something like: http://js.do/code/15842134a – Matt Jun 23 '17 at 20:01
the code in above link is also throwing `invalid character at line 20`. I am also getting same error on my version of code – user2916886 Jun 23 '17 at 20:12
does `console.log()` prints it? How can I print the ip address coming on these online editors to see if ip address is coming or not – user2916886 Jun 23 '17 at 20:18
When I run it I do not see any ip address printing on screen. – user2916886 Jun 23 '17 at 20:26

issue in getting device ip address from a javascript webpage

1 Answers1