Cheap Windows Hosting Review

Using the HTTP Post Request Method with the C# Backend and AngularJS Frontend

Posted on by Pablo Francesco

In this tutorial, I will show you how to use the HTTP Post Request Method with the C# Backend and AngularJS Frontend.

HTML/AngularJS Frontend

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <title>POST Request Example</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
</head>
<body>

<div ng-controller="myController">
    <h1>POST Request Example</h1>
    <form ng-submit="postData()">
        <label for="name">Name:</label>
        <input type="text" id="name" ng-model="formData.name" required>
        <br><br>
        <label for="email">Email:</label>
        <input type="email" id="email" ng-model="formData.email" required>
        <br><br>
        <button type="submit">Submit</button>
    </form>
    <p ng-if="response">{{ response }}</p>
</div>
</body>
</html>

AngularJS Frontend (JavaScript)

angular.module('myApp', [])
        .controller('myController', function ($scope, $http) {
            $scope.formData = {};

            $scope.postData = function () {
                $http.post('https://HttpMethods/api/postdata', $scope.formData)
                    .then(function (response) {
                        $scope.response = "Data sent successfully!";
                    })
                    .catch(function (error) {
                        console.error('Error:', error);
                    });
            };
        });

C# Backend (Controller using ASP.NET Web API)

using System.Web.Http;

namespace HttpMethods.Controllers
{
    public class DataController : ApiController
    {
        [Route("api/postdata")]
        [HttpPost]
        public IHttpActionResult PostData([FromBody] FormData formData)
        {
           if (!ModelState.IsValid)
            {
                return BadRequest(ModelState);
            }

            try
            {

                var newData = new FormData
                {
                    Name = formData.Name,
                    Email = formData.Email

                };


                db.FormDatas.Add(newData);
                db.SaveChanges();

                return Ok("Data saved to the database successfully!");
            }
            catch (Exception ex)
            {
                return InternalServerError(ex);
            }
        }
    }

    public class FormData
    {
        public string Name { get; set; }
        public string Email { get; set; }
    }
}

Best ASP.NET Core Hosting

The feature and reliability are the most important things when choosing a good ASP.NET Core hosting. HostForLIFE is the leading provider of Windows hosting and affordable ASP.NET Core , their servers are optimized for PHP web applications such as the latest ASP.NET Core version. The performance and the uptime of the ASP.NET Core  hosting service are excellent, and the features of the web hosting plan are even greater than what many hosting providers ask you to pay for. At HostForLIFEASP.NET, customers can also experience fast ASP.NET Core hosting. The company invested a lot of money to ensure the best and fastest performance of the datacenters, servers, network and other facilities. Its data centers are equipped with top equipment like cooling system, fire detection, high-speed Internet connection, and so on. That is why HostForLIFEASP.NET guarantees 99.9% uptime for ASP.NET Core . And the engineers do regular maintenance and monitoring works to assure its ASP.NET Core  hosting are security and always up.

hostforlifebanner