javascript - 无法使用 AJAX Jquery 将值发布到 php 文件

Question

我在这方面遇到了难以置信的困难。我正在尝试使用 ajax jquery 将我的值从表单发布到 php 文件。我确实在我的控制台中找到了这些值，但是当我执行 ajax 方法时，它没有发布这些值。

J查询代码

var formData = [];

function formValidate() {
 var error = false;
  $(".form .required").each(function(k, v) {
   $(v).removeClass("error");
   if ($(v).attr("type") === "radio" && $(v).prop("checked")) {
     formData[$(v).attr("id")] = $(v).val();
   } else if ($(v).val() === "") {
     $(v).addClass("error");
     //$(v).prop("placeholder”,”Required.”);
     error = true;
   } else {
     formData[$(v).attr("id")] = $(v).val();
   }
  });
    console.log(formData); //all data is successful shown 
    return error;
 }

// send function
function formSend() {
  $.ajax({
  type: 'POST',
  url: "include/mail.php",
  data: formData,
  dataType: "html",
  encode: true,
  success: function(response) {
     alert(response);

  },
  error: function() {
     $("form").hide();
  }
 });
 event.preventDefault();

}

HTML代码

<form action="" id="form-3">
 <div class="container row">
  <div class="col-md-4 col-xs-12">
  </div>
  <div class="col-md-4 col-xs-12">
  <div class="form-group">
    <input type="text"  class="form-control required" name="naam" placeholder="Naam" id="naam">
  </div>
  <div class="form-group ">
    <input type="text" class="form-control required" name="telnr" placeholder="Telefoon" id="telnr">
  </div>
  <div class="form-group">
    <input type="email" class="form-control required" name="email" placeholder="E-mail" id="email">
  </div>
  </div>
 </div>
</form>

如果我使用 console.log(formData) 我确实找到了值，那么为什么它不发布它呢？

编辑:

这里可以看到控制台日志的图片

请求发出时。这些值需要发送到 mail.php

[![在此处输入图片描述][2]][2]

在这里你可以看到，如果我使用 console.log，formData 会显示

Answer 1

问题是 formData 是一个 JSONArray - 但在 ajax 调用中您需要提供一个 JSONObject。因此，在验证函数中将 formData 作为 JSONObject 启动，然后将键值推送到其中。

重写 formData 初始化，如:

var formData = {};

它应该可以工作。