我正在尝试通过angular发送电子邮件。 我是否以正确的方式处理此问题？

Question

I'm just trying to learn something new. I want to be able to send an email using angular and php. I am turning my form data into an object. Then I want to send this object as a variable and send the data to a php file. I am able to create the variable but I don't believe the data is being set in the php file. What am I missing here?

 angular.module('app', []); var vm = this; var url = '/contact-form-handler.php'; vm.codeStatus = ""; vm.form = {}; vm.submit = function($event) { $event.preventDefault(); console.log(this.form); $http({ method: "POST", url: url, data: vm.form, headers: { 'Content-Type': 'application/x-www-form-urlencoded' } }). success(function(result) { console.log(result); console.log('hit'); }). error(function(result) { console.log('error'); }); return false; }; 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <?php header('Access-Control-Allow-Origin: *'); if (isset($_POST["data"])) { $from = 'Portfolio'; $to = 'rafael.heard@gmail.com'; $subject = 'Portfolio Inquiry'; $body = $_POST['data']; mail($to, $subject, $body, $from); $result = 'mail sent'; }else{ $result = 'not set'; } ?> <div ng-app="app" ng-controller="MainController as main"> <form role="form" name="contactForm" ng-submit="main.submit($event)" required novalidate> <div class="form-groups"> <div class="group"> <input type="text" name="username" ng-model="main.form.name" placeholder="Name (required)" required /> </div> <div class="group"> <input type="email" name="userEmail" ng-model="main.form.email" placeholder="Email (required)" required /> </div> <div class="group"> <textarea type="text" name="message" ng-model="main.form.message" ng-minlength="10" rows="10" required></textarea> </div> <button>Send</button> </div> </form> 

Answer 1

I figured this one out. I change my approach in my php file, and the angular http. I serialized the object.

  var url = 'contact-form-handler.php'; vm.codeStatus = ""; vm.form = {}; vm.submit = function($event) { // $event.preventDefault(); console.log($.param(vm.form)); $http({ method: "POST", url: url, data: $.param(vm.form), headers: {'Content-Type': 'application/x-www-form-urlencoded'} }). success(function(result) { console.log(result); }). error(function(data) { console.log('not sent'); }); return false; }; }]); 

 <?php header('Access-Control-Allow-Origin: *'); if (isset($_POST["subject"])) { $name = $_POST['name']; $subject = $_POST['subject']; $from = $_POST['email']; $message = $_POST['message']; $to = 'rafael.heard@gmail.com'; mail($to, $subject, $message, $from); }else{ echo 'not set'; } ?>