javascript - 如何使用ajax发送一个JS对象

Question

我有以下 Jquery 代码，它向 add-to-cart.php 发送 ajax 请求。

        var productData = {
    "product_id": s_product_id,
    "product_opties": s_product_opties,
    "product_aantal": s_product_aantal
}

productData = JSON.stringify(productData); 

   $.ajax({
     url: 'inc/add-to-cart.php',
     dataType: "json",
     contentType: "application/json; charset=utf-8",
     data: productData,
     type: 'POST',
     success: function(response) {
         alert(response.d);
     },
     error: function(e){
        console.log(e);
     }
  });

添加到购物车.php:

  <?php
   print $_POST['product_id'];
  ?>

我有两个问题，第一个是当我请求它时 $_POST['product_id'] 不存在，其次当 ajax 响应返回时它直接进入错误:函数而不是成功函数

控制台日志显示:

  [object Object]{readyState: 4, responseText: "<br />  <b>N...", status: 200, statusText: "OK"}

如果状态正常，为什么会跳转到error:部分？

谢谢!

Answer 1

尝试:

...
var productData = {
  'product_id':     s_product_id,
  'product_opties': product_opties,
  'product_aantal': product_aantal,
}

$.ajax({
  url: 'inc/add-to-cart.php',
  dataType: 'json',
  data: productData,
  type: 'POST',
  success: function(response) {
    console.log(response.d);
  },
  error: function(e){
    console.log(e);
  }
});
...

省略 AJAX contentType 参数和字符串化 JSON 的部分，它已经准备好发送到您的 url，因此不需要。