{"id":36873,"date":"2016-06-28T00:51:35","date_gmt":"2016-06-27T19:21:35","guid":{"rendered":"http:\/\/www.tothenew.com\/blog\/?p=36873"},"modified":"2016-06-28T14:21:57","modified_gmt":"2016-06-28T08:51:57","slug":"basic-application-development-for-apple-tv-with-tvml-tvjs-with-api-calling-dynamic-tvml","status":"publish","type":"post","link":"https:\/\/www.tothenew.com\/blog\/basic-application-development-for-apple-tv-with-tvml-tvjs-with-api-calling-dynamic-tvml\/","title":{"rendered":"Basic Application Development for Apple TV (with TVML & TVJS) with API calling & dynamic TVML"},"content":{"rendered":"

In my first blog, I talked about how to create client-server based application in tvOS using TVML and TVJS. So, to get started, you can take reference from it<\/a>.<\/p>\n

Today, I am talking about how to send\/retrieve information from remote <\/span>server,<\/span> so our mobile app will show us always updated results. To retrieve any information from server using TVML\/TVJS,<\/span>\u00a0use TVJS XMLHttpRequest<\/a>.<\/p>\n

To retrieve any information or file from server, create a new \u00a0XMLHttpRequest<\/a>\u00a0object.<\/p>\n

var templateXHR = new XMLHttpRequest();<\/p>\n

This object provides methods and properties to send requests, respond to events, and store the results of the request. So, XMLHttpRequest (XHR) is an API that can be used by many scripting languages such as JavaScript, TVJS, JScript, VBScript, etc. to transfer and manipulate XML data to and from a webserver using HTTP, establishing an independent connection channel between a webpage’s Client-Side and Server-Side.<\/p>\n

open( method, URL )<\/strong><\/p>\n

open( method, URL, async )<\/strong><\/p>\n

open( method, URL, async, userName )<\/strong><\/p>\n

open( method, URL, async, userName, password )<\/strong><\/p>\n

To configure the XHR request, call the open method. It contains the method, URL , and other parameters of a request. Here, method and URL parameters are mandatory for each XHRRequest and other three parameters (async, userName, password) are optional. Method parameter can be of “GET”, “POST\u201d “PUT” or “DELETE\u201d. async parameters specifies whether request is <\/span>asynchronous<\/span> or not, It can have value of \u201ctrue\u201d or <\/span>\u201cfalse\u201d for async and sync respectively and<\/span> username\/password<\/strong> parameters need to pass if your request needs a authentication.<\/span><\/p>\n

setRequestHeader( label, value )<\/strong><\/p>\n

Adds a label\/value pair to the HTTP header to be sent i.e it generally uses when your XHR request send some data in its header such as Content-type , X-Auth-Token etc.<\/p>\n

send( content )<\/strong><\/p>\n

After the request object has been configured, use the\u00a0send\u00a0method to send the request.<\/p>\n

XMLHttpRequest Properties<\/strong><\/p>\n