8 de março de 2013

AngularJS - Exemplo de GET e POST em um form simples

index.php
<!DOCTYPE html>
<html ng-app>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
        <script>
            function formulario($scope,$http) {
                email = /^[a-z0-9-_.]+@[a-z0-9-_.]+\.[a-z0-9]{2,5}/;
                $scope.envia = function(){
                    if(email.test($scope.email)) {

                        $http({
                            url:'envia.php',
                            data:'nome='+$scope.nome+'&email='+$scope.email+'&mensagem='+$scope.mensagem,
                            method:'POST',
                            headers : {'Content-Type':'application/x-www-form-urlencoded; charset=UTF-8'}
                        }).success(function(e){
                            console.log('POST '+e);
                        });

                        $http({
                            url:'envia.php',
                            data:'nome='+$scope.nome+'&email='+$scope.email+'&mensagem='+$scope.mensagem,
                            method:'GET',
                        }).success(function(e){
                            console.log('GET '+e);
                        });
                        
                    } else {
                        console.log('Email inválido');
                    }
                }
            }
        </script>
    </head>
    <body>
        <form ng-controller="formulario">
            <input type="text" ng-model="nome" placeholder="Nome" />
            <input type="text" ng-model="email" placeholder="E-mail" />
            <input type="text" ng-model="mensagem" placeholder="Mensagem" />
            <input type="button" ng-click="envia()" value="envia" />
        </form>
    </body>
</html>


envia.php
<?php
    echo $_REQUEST['nome'].' '.$_REQUEST['email'].' '.$_REQUEST['mensagem'];
?>

Nenhum comentário:

Postar um comentário