php - 如何让实时 PHP 文件将数据发送回本地机器？

Question

我正在构建一个带有集成联系表单的 phonegap 应用程序(使用 PHP)，我必须添加一个实时 .php 文件才能使其正常工作。 “成功” 后，我的在线文件没有将数据发送回本地机器，我的联系表没有重置，也没有成功消息。有什么建议吗？

$("#contactForm").validator().on("submit", function (event) {
    if (event.isDefaultPrevented()) {
        // handle the invalid form...
        formError();
        submitMSG(false, "Did you fill in the form properly?");
    } else {
        // everything looks good!
        event.preventDefault();
        submitForm();
    }
});


function submitForm(){
    // Initiate Variables With Form Content
    var name = $("#name").val();
    var email = $("#email").val();
    var message = $("#message").val();

    $.ajax({
        type: "POST",
        url: "https://example.com/contact.php",
        data: "name=" + name + "&email=" + email + "&message=" + message,
        success: function(text){
            if (text == "success"){
                formSuccess();
            } else {
                formError();
                submitMSG(false,text);
            }
        }
    });
}

function formSuccess(){
    $("#contactForm")[0].reset();
    submitMSG(true, "Message Submitted!")
}

function submitMSG(valid, msg){
    if(valid){
        var msgClasses = "h3 text-center tada animated text-success";
    } else {
        var msgClasses = "h3 text-center text-danger";
    }
    $("#msgSubmit").removeClass("hidden").addClass(msgClasses).text(msg);
}

    <form role="form" id="contactForm" data-toggle="validator">
        <div class="row">
            <div class="form-group col-sm-6">
                <!--<label for="name" class="h4">Name</label>-->
                <input type="text" class="form-control" id="name" placeholder="Enter name" required>
                <div class="help-block with-errors"></div>
            </div>
            <div class="form-group col-sm-6">
                <!--<label for="email" class="h4">Email</label>-->
                <input type="email" class="form-control" id="email" placeholder="Enter email" required>
                <div class="help-block with-errors"></div>
            </div>
        </div>
        <div class="form-group">
            <!--<label for="message" class="h4 ">Message</label>-->
            <textarea id="message" class="form-control" rows="5" placeholder="Enter your message" required></textarea>
            <div class="help-block with-errors"></div>
        </div>
        <button type="submit" id="form-submit" class="btn btn-success btn-lg pull-right ">Submit</button>
        <div id="msgSubmit" class="h3 text-center"></div>
        <div class="clearfix"></div>
    </form>

<?php

$errorMSG = "";

// NAME
if (empty($_POST["name"])) {
$errorMSG = "Name is required ";
} else {
$name = $_POST["name"];
}

// EMAIL
if (empty($_POST["email"])) {
$errorMSG .= "Email is required ";
} else {
$email = $_POST["email"];
}

// MESSAGE
if (empty($_POST["message"])) {
$errorMSG .= "Message is required ";
} else {
$message = $_POST["message"];
}


$EmailTo = "example@domain.com";
$Subject = "New Message Received";

// prepare email body text
$Body = "";
$Body .= "Name: ";
$Body .= $name;
$Body .= "\n";
$Body .= "Email: ";
$Body .= $email;
$Body .= "\n";
$Body .= "Message: ";
$Body .= $message;
$Body .= "\n";

// send email
$success = mail($EmailTo, $Subject, $Body, "From:".$email);

// redirect to success page
if ($success && $errorMSG == ""){
echo "success";
}else{
if($errorMSG == ""){
    echo "Something went wrong :(";
} else {
    echo $errorMSG;
}
}

?>

Answer 1

XMLHttpRequest cannot load https://mywebsite.com/contact.php. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

您需要在您的服务器上启用CORS，请引用

https://enable-cors.org/

这可以像添加 Access-Control-Allow-Origin: * 到 https://mywebsite.com/contact.php 一样简单，即:

<?php
 header("Access-Control-Allow-Origin: *");
 # rest of the code...