[英]Submitting Form using jquery AJAX
我正在尝试使用 jQuery ajax 提交我的表单,但我的数据没有发布到 PHP,它在$_POST
数组中返回空数组。
这是我的代码 - 这是我的表格:
<form action = "/webdevelopmentpakistan/send_mail.php" method = "post" class = "myForm" >
<div class="row">
<div class="col-md-3 col-sm-12">
<div class="form-group">
<input class="form-control" id="fname" type="text" required name= "full_name" placeholder="Full Name"
/>
</div>
</div>
<div class="col-md-3 col-sm-12">
<div class="form-group">
<input class="form-control" type="tel" required name = "phone" placeholder="+92" id="phone" onkeypress="return isNumberKey(event)" />
</div>
</div>
<div class="col-md-3 col-sm-12">
<div class="form-group">
<input class="form-control" type="email" required name = "email" id="email" placeholder="Email"/>
</div>
</div>
<div class="col-md-3 col-sm-12">
<div class="form-group">
<input class="btn popup" type="submit" name = "submit" value="CONTACT OUR CONSULTANT"/>
</div>
</div>
</div>
</form>
它是一个 ajax 部分:
$('form').on('submit', function (e) {
e.preventDefault();
var url = $(this).attr("action");
var form_data = $(this).serialize();
$.ajax({
type: 'POST',
url: url,
data: $('.myForm').serialize() ,
dataType : 'JSON',
//contentType: "application/x-www-form-urlencoded",
success: function (data) { // here I'm adding data as a parameter which stores the response
console.log(data); // instead of alert I'm changing this to console.log which logs all the response in console.
},
error:function(xhr, textStatus, thrownError, data)
{
console.log("Error: " + thrownError);
console.log("Error: " + textStatus);
}
});
// var popup = document.getElementById("myPopup");
// popup.classList.toggle("show");
console.log(form_data);
});
在其他页面使用的 PHP 代码:
if(isset($_POST)) {
echo json_encode($_POST);
}
这是我在提交表单时得到的序列化数组,但它没有传递给 php
full_name=talha&phone=012345678&email=admin%40gmail.com
表单操作需要是绝对网址,即https://somewebsite.com
或您网站上的相对网址,因此理想情况下它应该是/some-url.php
。 在此处阅读有关表单操作的信息
所以你的表单开始标签应该是,
<form action = "/web-development-in-pakistan.php" method = "post" class = "myForm" target="_self">
所以在你的 javascript 代码中
var url = $(this).attr("action");
我也相信在你的 ajax 调用中, type
需要是method
,所以,
$.ajax({
method: "POST",
.....
})
欢迎使用 stackoverflow,这里是更改,希望它会起作用
$.ajax({
type: 'POST',
url: url,
data: $('.myForm').serialize() ,
dataType : 'json', // changing data type to json
success: function (data) { // here I'm adding data as a parameter which stores the response
console.log(data); // instead of alert I'm changing this to console.log which logs all the response in console.
}
});
在 php 中
if(isset($_POST)) {
echo json_encode($_POST);
}
这应该在您的控制台中打印 post 参数数组,但是您将在 php 中获得一个数组。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.