php - jQuery.ajax 响应数据给出 null

Question

我正在尝试使用 jQuery 和 AJAX 将数据插入 MySQL 数据库。我已经在我的 add.php 文件中编写了查询参数。我想在表单下方立即显示表单数据。

jQuery：

jQuery("#addStockInForm").submit(function(e){
  e.preventDefault();
  dataString = jQuery("#addStockInForm").serialize();
  jQuery.ajax({
    type: "POST",
    url: "add.php",
    data: dataString, 
    dataType: "json",
    success: function(data) {
        //$("div#showinstant").html(data);
        alert(data);
    }
  });
});

添加.php 文件

require 'foo.config.php';
if(isset($_POST['addStockIn'])) {
  $query = "INSERT INTO stockin ( serialno, project_id, ...... etc. ) VALUES
(`:serialno, :project_id, ....... etc. )";

添加-stockin.php 文件

<form class="form-horizontal" id="addStockInForm" method="post">
.....
</form>

Answer 1

主要问题出在其他地方...问题出在 isset 函数参数中

if(isset($_POST['addStockIn'])) {
}

我已将其更改为

if(isset($_POST['serialno'])) {
}

它工作正常！

@LX7 帮助我以不同的方式思考，谢谢老兄......

Answer 2

您应该将 php 代码中的数据返回到前端

require 'foo.config.php';
if(isset($_POST['addStockIn'])) {
   $query = "INSERT INTO stockin ( serialno, project_id, ...... etc. ) VALUES
                                 (`:serialno, :project_id, ....... etc. )";
...
...
echo yourdata

Answer 3

add.php 文件中没有返回。尽管您将 dataType 用作“json”，但您应该以 json 格式返回数据。你应该尝试这样的事情。

添加.php

require 'foo.config.php';
if(isset($_POST['addStockIn'])) {
  $query = "INSERT INTO stockin ( serialno, project_id, ...... etc. ) VALUES
(`:serialno, :project_id, ....... etc. )";
//extra code here
$output = array('res' => $data); //$data : form data to show in html file
$output = json_encode($output);
echo $output; exit;

jQuery：

jQuery("#addStockInForm").submit(function(e){
  e.preventDefault();
  dataString = jQuery("#addStockInForm").serialize();
  jQuery.ajax({
    type: "POST",
    url: "add.php",
    data: dataString, 
    dataType: "json",
    success: function(data) {
        //$("div#showinstant").html(data);
        alert(data.res);
    }
  });
});