{"id":2711,"date":"2026-05-02T16:13:47","date_gmt":"2026-05-02T08:13:47","guid":{"rendered":"http:\/\/www.purepusty.com\/blog\/?p=2711"},"modified":"2026-05-02T16:13:47","modified_gmt":"2026-05-02T08:13:47","slug":"how-to-handle-network-requests-in-an-app-developed-with-the-titanium-metal-framework-4f47-bae79e","status":"publish","type":"post","link":"http:\/\/www.purepusty.com\/blog\/2026\/05\/02\/how-to-handle-network-requests-in-an-app-developed-with-the-titanium-metal-framework-4f47-bae79e\/","title":{"rendered":"How to handle network requests in an app developed with the Titanium Metal Framework?"},"content":{"rendered":"

Hey there! I’m part of a supplier team for the Titanium Metal Framework. If you’re building an app with this framework and wondering how to handle network requests, you’ve come to the right place. In this blog, I’ll share some tips and tricks based on our experience. Titanium Metal Framework<\/a><\/p>\n

<\/p>\n

Why Network Requests Matter in App Development<\/h3>\n

First off, let’s talk about why network requests are so important in app development. In today’s connected world, most apps need to interact with servers to get data, send user information, or perform other tasks. Whether it’s fetching news articles, uploading a photo, or logging in to an account, network requests are the backbone of these operations.<\/p>\n

With the Titanium Metal Framework, you have a powerful tool at your disposal to handle these requests efficiently. But it can be a bit tricky to get the hang of, especially if you’re new to the framework. So, let’s dive into the details.<\/p>\n

Understanding the Basics of Network Requests in Titanium Metal<\/h3>\n

The Titanium Metal Framework provides several ways to handle network requests. The most common method is using the HTTPClient<\/code> object. This object allows you to make HTTP requests (like GET, POST, PUT, DELETE) to a server and receive responses.<\/p>\n

Here’s a simple example of making a GET request using the HTTPClient<\/code> in Titanium Metal:<\/p>\n

var xhr = Titanium.Network.createHTTPClient({\n    onload: function() {\n        \/\/ This function is called when the request is successful\n        console.log('Response: ' + this.responseText);\n    },\n    onerror: function() {\n        \/\/ This function is called if there's an error\n        console.log('Error: ' + this.status);\n    },\n    timeout: 5000 \/\/ Set a timeout of 5 seconds\n});\n\n\/\/ Open the request\nxhr.open('GET', 'https:\/\/api.example.com\/data');\n\n\/\/ Send the request\nxhr.send();\n<\/code><\/pre>\n
In this example, we create an HTTPClient<\/code> object and set up two callback functions: onload<\/code> and onerror<\/code>. The onload<\/code> function is called when the request is successful, and it logs the response text to the console. The onerror<\/code> function is called if there’s an error, and it logs the status code to the console.<\/p>\n
We then open the request using the open<\/code> method, specifying the HTTP method (GET in this case) and the URL of the server. Finally, we send the request using the send<\/code> method.<\/p>\n
Handling Different HTTP Methods<\/h3>\n
The HTTPClient<\/code> object supports all the major HTTP methods, including GET, POST, PUT, and DELETE. Here’s how you can use each of these methods:<\/p>\n
GET Request<\/h4>\n
As we saw in the previous example, a GET request is used to retrieve data from a server. You simply open the request with the GET<\/code> method and send it.<\/p>\n
var xhr = Titanium.Network.createHTTPClient({\n    onload: function() {\n        console.log('Response: ' + this.responseText);\n    },\n    onerror: function() {\n        console.log('Error: ' + this.status);\n    }\n});\n\nxhr.open('GET', 'https:\/\/api.example.com\/data');\nxhr.send();\n<\/code><\/pre>\n
POST Request<\/h4>\n
A POST request is used to send data to a server. You can pass data in the request body by providing an object or a string to the send<\/code> method.<\/p>\n
var xhr = Titanium.Network.createHTTPClient({\n    onload: function() {\n        console.log('Response: ' + this.responseText);\n    },\n    onerror: function() {\n        console.log('Error: ' + this.status);\n    }\n});\n\nxhr.open('POST', 'https:\/\/api.example.com\/submit');\n\n\/\/ Data to send\nvar data = {\n    name: 'John Doe',\n    email: 'johndoe@example.com'\n};\n\nxhr.send(data);\n<\/code><\/pre>\n
PUT Request<\/h4>\n
A PUT request is used to update an existing resource on the server. Similar to a POST request, you can pass data in the request body.<\/p>\n
var xhr = Titanium.Network.createHTTPClient({\n    onload: function() {\n        console.log('Response: ' + this.responseText);\n    },\n    onerror: function() {\n        console.log('Error: ' + this.status);\n    }\n});\n\nxhr.open('PUT', 'https:\/\/api.example.com\/update\/123');\n\n\/\/ Data to update\nvar data = {\n    name: 'Jane Smith',\n    email: 'janesmith@example.com'\n};\n\nxhr.send(data);\n<\/code><\/pre>\n
DELETE Request<\/h4>\n
A DELETE request is used to delete a resource from the server. You don’t need to pass any data in the request body.<\/p>\n
var xhr = Titanium.Network.createHTTPClient({\n    onload: function() {\n        console.log('Response: ' + this.responseText);\n    },\n    onerror: function() {\n        console.log('Error: ' + this.status);\n    }\n});\n\nxhr.open('DELETE', 'https:\/\/api.example.com\/delete\/123');\nxhr.send();\n<\/code><\/pre>\n
Handling Response Data<\/h3>\n
Once you’ve made a network request, you need to handle the response data. The HTTPClient<\/code> object provides several properties to access the response, including responseText<\/code>, responseXML<\/code>, and responseData<\/code>.<\/p>\n