How To Get Data From JSON in NativeScript

Parse and get JSON from url in nativescript is quite simple. I'll show you how to get json data and parse it the show it in android page. Study case: get location detail (IP, Country, City, Region, Latitude, and Longitude) from http://freegeoip.net/json/ and then show it in a page:

1. Make a xml page with one button and 6 label. Please copy and paste this xml script into your xml file:
<page class="loginpage" loaded="loadlocation"> <stacklayout> <button id="getmylocation" text="Get My LOcation" width="200"/> <label id="ip" text="IP: " textWrap="true"/> <label id="country_name" text="Country: " textWrap="true"/> <label id="region_name" text="Province: " textWrap="true"/> <label id="city" text="City: " textWrap="true"/> <label id="latitude" text="Latitude: " textWrap="true"/> <label id="longitude" text="Longitude: " textWrap="true"/> </StackLayout> </Page>
2. Then copy and paste the following js script inside the js file:
var view = require("ui/core/view"); var http = require("http"); function onLoad(args) { var page = args.object; var getloc = view.getViewById(page, "getmylocation"); var ip = view.getViewById(page, "ip"); var country_name = view.getViewById(page, "country_name"); var region_name = view.getViewById(page, "region_name"); var city = view.getViewById(page, "city"); var latitude = view.getViewById(page, "latitude"); var longitude = view.getViewById(page, "longitude"); getloc.on("tap", function () { ip.text = "IP: "; country_name.text = "Country: "; region_name.text = "Province: "; city.text = "City: "; latitude.text = "Latitude: "; longitude.text = "Longitude: "; http.getJSON("http://freegeoip.net/json/").then(function(result) { ip.text = ip.text +" "+ result.ip; country_name.text = country_name.text +" "+ result.country_name; region_name.text = region_name.text +" "+ result.region_name; city.text = city.text +" "+ result.city; latitude.text = latitude.text +" "+ result.latitude; longitude.text = longitude.text +" "+ result.longitude; }, function(error) { console.error(JSON.stringify(error)); }); }); } exports.loadlocation = onLoad;
3. Done. That the way to get and parse json data in nativescript. Feel free to learn and modified the script by yourself. If you think your method is better than mine, i'll be happy if you share the code with me. Thank you.