Php 提交表格

我在使用angular的ajax提交表单时遇到问题，当我单击“提交”时，我的整个页面是否被重新加载

哪里有问题，这是我的代码

/*
Create the controller and inject Angular's $scope
*/

// resource2Controller
(function () {
    'use strict';
    angular.module("aluPlanetApp").controller('resource2Controller', resource2Controller);
    resource2Controller.$inject = ['$scope'];
    resource2Controller.$inject = ['$http'];

    function resource2Controller($scope, $http) {

        activate();

        function activate() {

            $scope.title = 'Contact';
            $scope.id = '2';
            $scope.result = 'hidden'
            $scope.resultMessage;
            $scope.formData; //formData is an object holding the name, email, subject, and message
            $scope.submitButtonDisabled = false;
            $scope.submitted = false; //used so that form errors are shown only after the form has been submitted
            $scope.submit = function (contactform) {
                $scope.submitted = true;
                $scope.submitButtonDisabled = true;
                if (contactform.$valid) {
                    $http({
                        method: 'POST',
                        url: 'contact-form.php',
                        data: $.param($scope.formData),  //param method from jQuery
                        headers: { 'Content-Type': 'application/x-www-form-urlencoded' }  //set the headers so angular passing info as form data (not request payload)
                    }).success(function (data) {
                        console.log(data);
                        if (data.success) { //success comes from the return json object
                            $scope.submitButtonDisabled = true;
                            $scope.resultMessage = data.message;
                            $scope.result = 'bg-success';
                        } else {
                            $scope.submitButtonDisabled = false;
                            $scope.resultMessage = data.message;
                            $scope.result = 'bg-danger';
                        }
                    });
                } else {
                    $scope.submitButtonDisabled = false;
                    $scope.resultMessage = 'Failed <img src="http://www.chaosm.net/blog/wp-includes/images/smilies/icon_sad.gif" alt=":(" class="wp-smiley">  Please fill out all the fields.';
                    $scope.result = 'bg-danger';
                }
            }
        }
    }
})();

/*
创建控制器并注入Angular的$scope
*/
//资源控制器
（功能（）{
"严格使用",；
角度模块（“ALUPLANETAP”）.控制器（“resource2Controller”，resource2Controller）；
resource2Controller.$inject=['$scope']；
resource2Controller.$inject=['$http']；
函数resource2Controller（$scope，$http）{
激活（）；
函数激活（）{
$scope.title='Contact'；
$scope.id='2'；
$scope.result='hidden'
$scope.resultMessage；
$scope.formData；//formData是一个包含名称、电子邮件、主题和消息的对象
$scope.submitButtonDisabled=false；
$scope.submitted=false；//用于仅在提交表单后显示表单错误
$scope.submit=函数（contactform）{
$scope.submitted=true；
$scope.submitButtonDisabled=true；
如果（联系方式：$valid）{
$http({
方法：“POST”，
url:'contact form.php'，
数据：$.param（$scope.formData），//jQuery中的param方法
标题：{'Content Type'：'application/x-www-form-urlencoded'}//将标题设置为将信息作为表单数据传递（而不是请求负载）
}).成功（功能（数据）{
控制台日志（数据）；
if（data.success）{//success来自返回的json对象
$scope.submitButtonDisabled=true；
$scope.resultMessage=data.message；
$scope.result='bg success'；
}否则{
$scope.submitButtonDisabled=false；
$scope.resultMessage=data.message；
$scope.result='bg danger'；
}
});
}否则{
$scope.submitButtonDisabled=false；
$scope.resultMessage='失败，请填写所有字段'；
$scope.result='bg danger'；
}
}
}
}
})();

和联系form.php

<?php
require_once 'phpmailer/PHPMailerAutoload.php';

if (isset($_POST['inputName']) && isset($_POST['inputEmail']) && isset($_POST['inputSubject']) && isset($_POST['inputMessage'])) {

    //check if any of the inputs are empty
    if (empty($_POST['inputName']) || empty($_POST['inputEmail']) || empty($_POST['inputSubject']) || empty($_POST['inputMessage'])) {
        $data = array('success' => false, 'message' => 'Please fill out the form completely.');
        echo json_encode($data);
        exit;
    }

    //create an instance of PHPMailer
    $mail = new PHPMailer();

    $mail->From = $_POST['inputEmail'];
    $mail->FromName = $_POST['inputName'];
    $mail->AddAddress('something@test.com'); //recipient 
    $mail->Subject = $_POST['inputSubject'];
    $mail->Body = "Name: " . $_POST['inputName'] . "\r\n\r\nMessage: " . stripslashes($_POST['inputMessage']);

    if (isset($_POST['ref'])) {
        $mail->Body .= "\r\n\r\nRef: " . $_POST['ref'];
    }

    if(!$mail->send()) {
        $data = array('success' => false, 'message' => 'Message could not be sent. Mailer Error: ' . $mail->ErrorInfo);
        echo json_encode($data);
        exit;
    }

    $data = array('success' => true, 'message' => 'Thanks! We have received your message.');
    echo json_encode($data);

} else {

    $data = array('success' => false, 'message' => 'Please fill out the form completely.');
    echo json_encode($data);

}

---

Mhh我相信你的问题可能出在我现在看不到的HTML中，所以请确保你没有使用提交按钮。我的意思是，我相信你的问题可能出在我现在看不到的HTML中，所以请确保你没有使用提交按钮。我的意思是，与HTML中的
不同，您可以调用控制器ContactController，而在角度方面，您可以调用resource2Controller。这两个应该匹配，否则Angular不知道该怎么做。
在HTML中，您称控制器为ContactController，而在Angular端，您称其为resource2Controller。这两个应该匹配，否则Angular不知道该怎么办。
您是否使用
ng submit=“
指令？我在提交表单时使用Angular 1.5.6，在Angular中出现错误，如第1872行？？我在提交表单时使用Angular 1.5.6，在Angular中出现错误，如第11821行？？抱歉，我在第781:-）行读完了angular的源代码，但说真的，您应该深入研究发生的错误。您使用的是
ng submit=“”
指令？我在提交表格时使用angular 1.5.6，在angular中出现错误，如第1872行？？我在提交表格时使用angular 1.5.6，在angular中出现错误，如第11821行？？对不起，我在第781行：-）上读完了angular的源代码，但说真的，您应该深入研究所发生的错误。我在提交表单时使用的是angular 1.5.6，在angular中出现了错误，如第11821行？？我想知道此时您是否解决了问题。顺便问一下，您是否尝试过angular的另一个版本？我在提交表单时使用的是angular 1.5.6，angular中出现了错误，如第11821行？我想知道此时您是否解决了问题。顺便问一下，你试过另一个版本的angular吗？
  <div ng-controller="resource2Controller" class="panel-body">
                    <form ng-submit="submit(contactform)" name="contactform" method="post" action="" class="form-horizontal" role="form">
                        <div class="form-group" ng-class="{ 'has-error': contactform.inputName.$invalid && submitted }">
                            <label for="inputName" class="col-lg-2 control-label">Name</label>
                            <div class="col-lg-10">
                                <input ng-model="formData.inputName" type="text" class="form-control" id="inputName" name="inputName" placeholder="Your Name" required>
                            </div>
                        </div>
                        <div class="form-group" ng-class="{ 'has-error': contactform.inputEmail.$invalid && submitted }">
                            <label for="inputEmail" class="col-lg-2 control-label">Email</label>
                            <div class="col-lg-10">
                                <input ng-model="formData.inputEmail" type="email" class="form-control" id="inputEmail" name="inputEmail" placeholder="Your Email" >
                            </div>
                        </div>
                        <div class="form-group" ng-class="{ 'has-error': contactform.inputSubject.$invalid && submitted }">
                            <label for="inputSubject" class="col-lg-2 control-label">Subject</label>
                            <div class="col-lg-10">
                                <input ng-model="formData.inputSubject" type="text" class="form-control" id="inputSubject" name="inputSubject" placeholder="Subject Message" required>
                            </div>
                        </div>
                        <div class="form-group" ng-class="{ 'has-error': contactform.inputMessage.$invalid && submitted }">
                            <label for="inputMessage" class="col-lg-2 control-label">Message</label>
                            <div class="col-lg-10">
                                <textarea ng-model="formData.inputMessage" class="form-control" rows="4" id="inputMessage" name="inputMessage" placeholder="Your message..." required></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-lg-offset-2 col-lg-10">
                                <button type="submit" class="btn btn-default" ng-disabled="submitButtonDisabled">
                                    Send Message
                                </button>
                            </div>
                        </div>
                    </form>
                    <p ng-class="result" style="padding: 15px; margin: 0;">{{ resultMessage }}</p>
                </div>