無法使用AJAX Jquery將值發布到php文件

Question

我在這方面很難受。 我正在嘗試使用ajax jquery將我的值從表單發布到php文件。 我的確在控制台中找到了值，但是當我執行ajax方法時，它不會發布值。

jQuery代碼

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

您應該使用serilize而不是單個字段值來傳遞表單數據。 試試下面的代碼：

jQuery代碼：

var formData = $("form").serialize();
$.ajax( {
    type: "POST",
    url: "YOUR PHP FILE PATH",
    data: formData,
    dataType: 'json',
    beforeSend: function () {
        //do stuff progressing
    },
    success: function (resp) {
       //do stuff after post
    },
    error: function (e) {
        alert('error: ' + JSON . stringify(e));
    }
});  

PHP代碼：

<?php 
print_r($_POST); //it will print array with all form input field
?>

注意：設置表單action="javascript:void(0)"

Answer 2

問題是formData是一個JSONArray-但是在ajax調用中，您需要提供一個JSONObject 。 因此，在驗證函數formData作為JSONObject初始化，然后將鍵值推入其中。

像這樣重寫formData初始化：

var formData = {};

它應該工作。