I'm having trouble with sending a post request to the server from my login form as it keeps getting canceled.
Below is the controller code:
angular.module('app.signin', [])
.controller('SigninController', ['$http', function($http)
{
this.email = null;
this.password = null;
this.signIn = function()
{
var res = $http.post( 'http://api.svcassist.dev/index.php/auth/login', {email: this.email, password: this.password });
res.success(function(data, status, headers, config)
{
alert(data);
});
};
}]);
And this is how the HTML looks like:
<div class="container" style="max-width:300px" ng-controller="SigninController as signin">
<form class="form-signin">
<h2 class="form-signin-heading">Sign In</h2>
<label for="inputEmail" class="sr-only">Email address</label>
<input type="email" id="inputEmail" name="email" class="form-control" placeholder="Email address" required autofocus ng-model="signin.email">
<label for="inputPassword" class="sr-only">Password</label>
<input type="password" id="inputPassword" name="password" class="form-control" placeholder="Password" required ng-model="signin.password">
<br/>
<button class="btn btn-lg btn-primary btn-block" ng-click="signin.signIn()">Sign In</button>
</form>
</div>
However, when trying to make the request, Chrome indicates that it gets canceled. Here are the response headers:
Request URL:http://api.svcassist.dev/index.php/auth/login
Request Headers
Provisional headers are shown
Accept:application/json, text/plain, */*
Content-Type:application/json;charset=UTF-8
Origin:http://localhost:8000
Referer:http://localhost:8000/app/index.html
User-Agent:Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/38.0.2125.104 Safari/537.36
X-DevTools-Emulate-Network-Conditions-Client-Id:6C7F2AA6-481A-32ED-0CFC-8F4B9F5927B8
Request Payloadview parsed
{"email":"email","password":"pass"}