javascript - 使用 AJAX 将表单提交到两个位置

Question

已关闭。此问题不符合 Stack Overflow guidelines 。目前不接受答案。

---

有关您编写的代码问题的问题必须在问题本身中描述具体问题 - 并包含有效代码以重现该问题。请参阅SSCCE.org寻求指导。

已关闭 9 年前。

Improve this question

我需要一些帮助。我使用 AJAX 将表单提交到一个位置，然后提交到另一个位置。一旦它发布到第二个位置，它就会向我想要的任何人发送一封包含 php 的电子邮件，但我似乎无法让它工作。有人可以帮忙吗？

下面是我的代码:

$(document).ready(function(){
        $('input#submit').submit(function(event){
            var dataString = $('form :input').serialize();
            $.ajax({
                type: 'GET',
                url: 'http://www.domain.com/sendmail.php',
                data: dataString,
                success: function(result){
                    $('p#message').text('SUCCESS!!!');
                },
                error: function(result){
                    $('p#hint').text('there was an error');
                }
            });
            event.preventDefault();
        });
    });

Answer 1

除非您已经有一些算法，否则您在服务器端处理数据时将会遇到问题。您可能需要准备数据并将其字符串化为 JSON。我还将 ajax 功能保留在其自己的函数中，并使用 promise 功能。这样您还可以将其用于脚本中的其他调用。

带有延迟的ajax函数

function ajaxsend(data, url) {

    var deferred = $.ajax({
        type: 'POST',
        url: url,
        data: data,
        dataType: "json",
    });
    return deferred.promise();

}

表单数据处理和准备

$("form").submit(function (event) {
    event.preventDefault();
    var formdata = $('form').serializeArray();
    var formobject = {};

    // transform data to prepare for JSON
    $(formdata).each(function (e) {
        formobject[formdata[e].name] = formdata[e].value;
    });

    var data = {
        json: JSON.stringify(formobject)
    };

    var url = 'http://www.domain.com/sendmail.php';
    var url2 = 'some_other.php';

    ajaxsend(data, url).done(function (response) {
        // handle returned results
        console.log(response);
    }

    ajaxsend(data, url2).done(function (response) {
        // handle returned results
        console.log(response);
    }

}

在服务器端，您收到的值是:

$data = json_decode($_POST['json']);

然后您可以使用表单的字段名称访问您的数据。例如..

$data -> firstname;

您可以从 php 文件发送响应:

if(success == true) {
  $result = array("success" => true , "message" => "form submitted");
  echo json_encode($result);
}

if(success == false) {
  $result = array("success" => false , "message" => "an error occured");
  echo json_encode($result);
}

在 javascript 端，您可以捕获响应值

console.log(response.success);
console.log(response.message);