anehkumar/mySampleCode.html

## mySampleCode.html
<html>
	<head>
		<title>Send Data to Server Angular JS</title>
		<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
	</head>
	<body ng-app="">
		 <form ng-controller="FrmController">
                <ul>
                    <li class="err" ng-repeat="error in errors"> {{ error}} </li>
                </ul>
                <ul>
                    <li class="info" ng-repeat="msg in msgs"> {{ msg}} </li>
                </ul>
                <h2>Sigup Form</h2>
                <div>
                    <label>Name</label>
                    <input type="text" ng-model="username" placeholder="User Name" style='margin-left: 22px;'>
                </div>
                <div>
                    <label>Email</label>
                    <input type="text" ng-model="useremail" placeholder="Email" style='margin-left: 22px;'>
                </div>
                <div>
                    <label>Password</label>
                    <input type="password" ng-model="userpassword" placeholder="Password">
                </div>
                <button ng-click='SignUp();' style='margin-left: 63px;margin-top:10px'>SignUp</button>
            </form>
			<script type="text/javascript">
            function FrmController($scope, $http) {
                $scope.errors = [];
                $scope.msgs = [];

                $scope.SignUp = function() {
                    $scope.errors.splice(0, $scope.errors.length); // remove all error messages
                    $scope.msgs.splice(0, $scope.msgs.length);

                    $http.post('post_es.php', {'uname': $scope.username, 'pswd': $scope.userpassword, 'email': $scope.useremail}
                    ).success(function(data, status, headers, config) {
                        if (data.msg != '')
                        {
                            $scope.msgs.push(data.msg);
                        }
                        else
                        {
                            $scope.errors.push(data.error);
                        }
                    }).error(function(data, status) { // called asynchronously if an error occurs
// or server returns response with an error status.
                        $scope.errors.push(status);
                    });
                }
            }
        </script>
	</body>
</html>
	<html>
	<head>
	<title>Send Data to Server Angular JS</title>
	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
	</head>
	<body ng-app="">
	<form ng-controller="FrmController">
	<ul>
	<li class="err" ng-repeat="error in errors"> {{ error}} </li>
	</ul>
	<ul>
	<li class="info" ng-repeat="msg in msgs"> {{ msg}} </li>
	</ul>
	<h2>Sigup Form</h2>
	<div>
	<label>Name</label>
	<input type="text" ng-model="username" placeholder="User Name" style='margin-left: 22px;'>
	</div>
	<div>
	<label>Email</label>
	<input type="text" ng-model="useremail" placeholder="Email" style='margin-left: 22px;'>
	</div>
	<div>
	<label>Password</label>
	<input type="password" ng-model="userpassword" placeholder="Password">
	</div>
	<button ng-click='SignUp();' style='margin-left: 63px;margin-top:10px'>SignUp</button>
	</form>
	<script type="text/javascript">
	function FrmController($scope, $http) {
	$scope.errors = [];
	$scope.msgs = [];

	$scope.SignUp = function() {
	$scope.errors.splice(0, $scope.errors.length); // remove all error messages
	$scope.msgs.splice(0, $scope.msgs.length);

	$http.post('post_es.php', {'uname': $scope.username, 'pswd': $scope.userpassword, 'email': $scope.useremail}
	).success(function(data, status, headers, config) {
	if (data.msg != '')
	{
	$scope.msgs.push(data.msg);
	}
	else
	{
	$scope.errors.push(data.error);
	}
	}).error(function(data, status) { // called asynchronously if an error occurs
	// or server returns response with an error status.
	$scope.errors.push(status);
	});
	}
	}
	</script>
	</body>
	</html>