[英]Can't post value's to php file using AJAX Jquery
我在这方面很难受。 我正在尝试使用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确实会显示
您应该使用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)"
问题是formData
是一个JSONArray-但是在ajax调用中,您需要提供一个JSONObject 。 因此,在验证函数formData
作为JSONObject初始化,然后将键值推入其中。
像这样重写formData
初始化:
var formData = {};
它应该工作。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.