• About Us
  • Blog
  • Basket
  • Account
  • Sign In


Using 51Degrees Cloud API with JavaScript

Published on Monday, September 12, 2016

Using 51Degrees Cloud API with JavaScript

With today’s modern web infrastructures the implementation possibilities for your website are endless; there are many languages you can build your website on, and a plethora of CMS providers to choose from. Whilst some of these can be quite restrictive, the one thing that almost every website is able to use is JavaScript. This blog is aimed at those who may not be able to use languages such as Java or .NET to access our cloud service and shows you how to get it working with nothing more than basic JavaScript.

This snippet will go through a key implementation feature, whilst a full tutorial can be found in the Developer Documentation. In the example below I demonstrate how you can redirect to three different webpages depending on whether the connecting device is a mobile, a tablet or neither.

<!DOCTYPE html>
	var xmlhttp = new XMLHttpRequest()
	<!-- Insert Cloud key here. -->
	var key = "Key"
	<!-- Receives UserAgent from clients connection. -->
	var ua = window.navigator.userAgent	
	<!-- Lists the properties required. -->
	var url = ("https://cloud.51degrees.com/api/v1/"+key+"/match?user-agent="+ua+"&Values=IsMobile+IsTablet")
	<!-- Parses the JSON object from our cloud server and returns values. -->
	xmlhttp.onreadystatechange = function(){
		if ( xmlhttp.readyState == 4 && xmlhttp.status == 200){
			var match = JSON.parse(xmlhttp.responseText)
	<!-- Redirects dependant on device detected -->		
			if(match.Values.IsTablet == true){
			else if(match.Values.IsMobile == true){
	<!-- If neither do nothing and continue to home page -->			
	<!-- Sends request to server. -->
	xmlhttp.open("GET", url, true)

This code checks the API for the clients UA and directs the user to the relevant page for their device. You could easily adapt this for advertisements, links or phone numbers displayed on specific devices.

For more information on our cloud service, or our other on premise solutions, contact us and a member of our team will be happy to assist.

Comments (0)


Other posts by Lily
Contact author



.NET 2013 2014 4G 51Degrees 5G A.C.Roma A7 ABI Acer Adtech Affiliate Marketing Afilias Alcatel Amazon AMP Analysis Analytics Android Android 5.0 Lollipop Android Kitkat Android Lollipop Android Media Stick Apache API Apple Apple TV Archos Asha Asian Market ASP.NET Asus Australia Big Data Black Friday Blackberry Blink Browser C C# Case Study CeBIT CES Chrome Cloud CMS combinations Comparison Competition CoolPad COTW Cron CSS3 Data Data Blog Data File Data Model Daydream Denver Design Desire Eye Desktop Detection Developers Device Device Data Device Detection Device Intelligence Device Popularity Device property Device Types Device Use DeviceAtlas Display dmexco DoCoMo Doogee DotNetNuke Download Drupal Email EReader E-Reader Ericsson Evaluation Event Examples EXPLAY Rio Facebook feature Firefox Firefox OS Fly Foundation Framework France Galaxy S3 Galaxy S5 Galaxy Tab A Galaxy Tab A 8.0 Galaxy Tab A 9.7 Germany git repositories Global Google Google Daydream GSMA HAProxy Hardware Hisense HTC HTC ONE MAX HTC OS HTML5 HTTP HTTP Headers Huawei HUAWEI. UPDATE HUDL Huwaei IBC Icemobile Prime 4.0 IE IFA IIS Image Optimiser Image Optimizer India Infographic Ingeniux Internet usage iOS iOS 7 iOS 8 ipad iPhone iPhone 6 IsEmailBrowser IsWebApp Italy Japan Java Javascript Jolla Kentico Keynote Kindle Kindle Fire Kindle Fire HD Leagoo Lenovo LG Location Log File Analysis LTE Lumia m.dot macOS Map Memory Meta Data Mi 4S Micromax Microsoft Miia Style Mobile Mobile Analysis Mobile Analytics Mobile Devices Mobile Marketing Mixer Module Motorola MVC4 MWC MWC 2017 MWC16 MyPhone Native Native Apps NET New Release News News Letter Nexus Nexus 6 Nexus 9 NFC NGINX Nokia Nokia 3310 Non-Mobile NVIDIA Omate On7 OnePlus 5 Opera Opera Mini Operating System Optimisation OS OSX 10.10 OTA Panasonic Patent PC Pebble Performance phablet phone PHP Poland Presentation Press Release Price Band PRIV programmatic PS4 Publishers Python QMobile QR Codes Redirection Research Reseller Responsive Images Responsive web design RESS Review reviews RIM Ringmark RTB RWD Safari Samsung Scala ScientiaMobile Screen Screen resolution Screen Size SEO Server Server-side optimisation Set Box Set Top Box Sharepoint Shark 1 SHIFT phones Sitecore Sitecore version 9 SLUSH Smart TV Smartphone Smartphones Smartwatches Snapdragon Sony Sony Xperia Spain Swedish Beers Symbian Tablet Tablets Tesco Testing Tips Top 5 TOTW TV UDS UK Umbraco Update updates US User Agent UserAgent User-Agent Vendors Version 3 Video VoLTE VR Wearable Web Web Apps Web content management WebKit WebMatrix White Paper Widgets Widnows WiFi Wiko Wileyfox Windows Windows Phone WURFL Xbox XBox One Xiaomi Xperia Xperia z Yosemite Z10 ZenFon 2 ZOPO ZTE