如何使用ajax在html中执行php后台提交

Question

嗨，我正在尝试将我的表单数据转换为pdf格式，如下所示。HTML->AJAX->PHP(fpdf(

点击提交按钮后ajax处理&弹出消息为"；localhost说：好的"如果我没有在html中填写任何输入名称，ajax会弹出"；请填写所有字段">

为什么ajax无法访问php我在php中做错了什么，请帮忙。

在我的代码下面：

html代码：

enter code here

<form  id="form">
<div class="row">
<div class="col-md-12 form-group container"" >
<center> <b>E-FSR Reporting</b>
<p name="date" id="date"></p>
</center>
</div>
</div>

<div class="row">
<div class="col-md-12 form-group" >
<input type="text" class="form-control" name="name" id="name" placeholder="name" >
</div>
</div>
<div class="row">
<div class="col-12 ">
<td  colspan="2" align="center" >
<input type="submit" id="submit" name="submit" value="                         Submit E-FSR                      " class="btn btn-primary rounded-0 py-2 px-4">
</td>
<span class="submitting"></span>
</div>
</div>
ajax code :  script.js

$(document).ready(function(){
$("#submit").click(function(){
var name= $("#name").val();
var dataString = 'name='+ name;
if(name=='')
{
alert("Please Fill All Fields");
}
else
{
// AJAX Code To Submit Form.
$.ajax({
type: "POST",
url: "pdf.php",
data: dataString,
cache: false,
success: function(result){
alert(result);
}
});
}
return false;
});
});

php code : pdf.php
enter code here
<?php
if(!empty($_POST['submit']))
{
$name= $_POST['name'];

require("fpdf/fpdf.php");
$pdf = new FPDF();
$pdf->AddPage();
....

感谢

Answer 1

您发送数据的方式不正确：

Your javascript code should be like this:
$(document).ready(function(){
$("#submit").click(function(){
var name= $("#name").val();
if(name=='')
{
alert("Please Fill All Fields");
}
else
{
// AJAX Code To Submit Form.
$.ajax({
type: "POST",
url: "pdf.php",
data:{
name:name
},
cache: false,
success: function(result){
alert(result);
}
});
}
return false;
});
});

备注：在php中，当您从$_POST获取数据时，密钥应该与您从ajax发送数据的方式类似。从ajax中的示例来看，您正在编写

data:{
name:fname,
gender:mygender
}

然后在php中，它应该是$_POST["name"]和$_POSD["gender"]。