How to Get Current User Details in JavaScript

Nitin Bhardwaj
12y
15.1k
0
0

Article

Introduction

In this article I will explain how to access the current user's details. We can get userip, usercountry, usercity, userregion, userlatitude, userlongitude and usertimezone about the user. The "smart-ip.net" JSON string is used to access all the information about the user.

Complete Program

User_Infromation.html

<!DOCTYPE html>

<head>

var userip, usercountry, usercity, userregion, userlatitude, userlongitude, usertimezone

function UserInfo(data)

{

userip = data.host;

usercountry = data.countryName;

usercity = data.city;

userregion = data.region;

userlatitude = data.latitude;

userlongitude = data.longitude;

usertimezone = data.timezone;

}

$(function ()

{

UserInfoDetail();

})

function UserInfoDetail() {

document.getElementById('userip').innerHTML = userip;

document.getElementById('city').innerHTML = usercity;

document.getElementById('country').innerHTML = usercountry;

document.getElementById('region').innerHTML = userregion;

document.getElementById('timezone').innerHTML = usertimezone;

document.getElementById('longitude').innerHTML = userlongitude;

document.getElementById('latitude').innerHTML = userlatitude;

}

</script>

</head>

<body>

<div>

<td colspan="2" align="center">Current User Details in JavaScript</td>

</tr>

<td align="left"><b>IP Address :</b></td>

</tr>

<tr>

</tr>

<tr>

<td align="left"><b>Country :</b></td>

</tr>

<tr>

<td align="left"><b>Region :</b></td>

</tr>

<tr>

</tr>

<tr>

<td align="left"><b>Longitude :</b></td>

</tr>

<tr>

<td align="left"><b>latitude :</b></td>

</tr>

</table>

</div>

</body>

</html>

Output

For more information, download the attached sample application.