In AngularJS you can use the $http service to make requests. The following is an example of how to use the $http service:

$http service exampleJavaScript
    $http.get("http://localhost/example.json";, { params: { "key1": "value1", "key2": "value2" } })
        .success(function(data) {
            alert("SUCCESS!");
        })
        .error(function(data) {
            alert("ERROR");
        });


Lucky for us, we can use the same code in our Ionic project.

So lets go ahead and create a new Ionic project with the Android and iOS platforms:

Create Ionic project with Android and iOSShell
    ionic start ExampleProject blank
    cd ExampleProject
    ionic platform add android
    ionic platform add ios


Just note that if you’re not on a Mac, you cannot add the iOS platform. Let’s go ahead and crack open the www/js/app.js file and create a new controller for our project:

app.jsJavaScript
    exampleApp.controller('ExampleController', function($scope, $http) {
   
        $scope.getData = function() {
            $http.get("http://localhost/example.json";, { params: { "key1": "value1", "key2": "value2" } })
                .success(function(data) {
                    $scope.firstname = data.firstname;
                    $scope.lastname = data.lastname;
                })
                .error(function(data) {
                    alert("ERROR");
                });
        }
   
    });

   
When you call the getData() method from your HTML file it will make a GET request to our fictional RESTful endpoint passing a few parameters. If successful, we are expecting the data response to have a firstname and lastname element which we will store in our scope.

Some things to note when making HTTP requests with IonicFramework or any JavaScript framework for that matter. You may run into issues with cross origin resource sharing (CORS) errors. There shouldn’t be an issue when testing your requests from the device, only from a browser. To resolve these browser errors, check out a previous article I made on the subject.