AJAX请求有效，但没有数据插入数据库

Question

我试图通过使用ajax和php将数据插入数据库。 但是，我不知道为什么它不起作用。 我已经测试了html文件，所有itemName，category，price均有效，并且php文件返回“成功”，只是插入数据库的数据为空。

$(document).ready(function(){
  var url = "http://domain/addProduct.php?callback=?";

  $("#addProduct").click(function() {
    var itemName = $("#itemName").val();
    var category = $("#select_category").val();
    var price = $("#price").val();
    var dataString = "$itemName=" + itemName + "&category=" + category + "&price=" + price + "&addProduct=";

    if ($.trim(itemName).length > 0 & $.trim(category).length > 0 & $.trim(price).length > 0) {
      $.ajax({
        type: "POST",
        url: url,
        data: dataString,
        crossDomain: true,
        cache: false,
        beforeSend: function() { 
          $("#addProduct").val('Connecting...');
        },
        success: function(data) {
          console.log(data);
          if (data == "success") {
            alert("Successfully add item");
          } else if(data="failed") {
            alert("Something Went wrong");
          }
        }
      });
    }
    return false;
  });
});

<?php
  header("Access-Control-Allow-Origin: *");

  require("config.inc.php");

  $name = mysql_real_escape_string(htmlspecialchars(trim($_POST['itemName'])));
  $category = mysql_real_escape_string(htmlspecialchars(trim($_POST['category'])));
  $price = mysql_real_escape_string(htmlspecialchars(trim($_POST['price'])));
  $date = date("d-m-y h:i:s");

  $statement = $pdo->prepare("INSERT INTO product(name, category, price, date) VALUES(:name, :category, :price, :date)");
  $statement->execute(array(
    "name" => $name,
    "category" => $category,
    "price" => $price,
    "date"=>$date
  ));

  if($statement)
  {
    echo "success";
  }
  else
  {
    echo "failed";
  }
?>

Answer 1

您不能将date用作表格列。 date是预定义/保留的关键字。 将日期列的名称更改为数据库，并修改sql query然后重试。

Answer 2

替换此代码：

dataString="$itemName="+itemName+"&category="+category+"&price="+price+"&addProduct=";

至：

dataString="itemName="+itemName+"&category="+category+"&price="+price+"&addProduct=";

并替换以下代码：

if($.trim(itemName).length>0 & $.trim(category).length>0 & $.trim(price).length>0)

至：

if($.trim(itemName).length>0 && $.trim(category).length>0 && $.trim(price).length>0)

因为＆是按位运算符，而&&是逻辑运算符，所以在这种情况下，我们始终使用逻辑运算符。